2009-08-03 17 views
18

टेक्स्टबॉक्स के बैकगॉउंड रंग को बदलने के लिए jQuery का उपयोग कैसे करें?टेक्स्टबॉक्स के पृष्ठभूमि रंग को बदलने के लिए jQuery का उपयोग कैसे करें?

$("#textboxid").addClass("aClass"); 

तुम सच में अपने रास्ते की जरूरत है, तो निम्न कार्य करें::

$("#textboxid").css({"background-color": "color"}); 

के साथ बदलें #textboxid

+0

देखें http://stackoverflow.com/questions/18445711/jquery-mobile-set-textbox-background – liftarn

उत्तर

38

बेहतर अभ्यास तर्क से यूआई अलग करने, अपने मामले में है वांछित चयनकर्ता, और वांछित रंग के साथ रंग।

नोट निम्नलिखित एक संपत्ति के लिए एक ही है:

$("#textboxid").css("background-color", "color"); 
+1

के लिए कोई ज़रूरत नहीं जेएस में हार्ड कोडित प्रस्तुति। शैली के लिए सीएसएस का प्रयोग करें, व्यवहार के लिए जेएस। – redsquare

10
$('#txtBoxID').css('background-color', '#ffff00'); 
8

बेहतर इनपुट के बजाय अपने js में कठिन कोडिंग शैलियों में वर्ग का नाम जोड़ने के लिए। प्रेजेंटेशन शैलियों को सीएसएस में नहीं होना चाहिए जेएस।

$('#inputId').addClass('someCssClass'); 
+0

और यह भी है कि आप अब क्या कर रहे हैं। मैं कहूंगा कि आपको एक अर्थपूर्ण वर्ग जोड़ना चाहिए, पृष्ठभूमि नहीं, मैं इसे एक एंटीपाटर के रूप में देखता हूं। और शायद यहां कोड यूआई कोड है। – Dykam

+0

यह सिर्फ एक नमूना था .... बेशक आपको प्रत्येक रंग के लिए कक्षाएं नहीं होनी चाहिए। जी – redsquare

+0

आपको अभी भी जेएस में हार्ड कोड शैली नहीं चाहिए। क्या होता है जब वह सीमा चाहता है, फिर एक अलग फ़ॉन्ट। जेएस की एक बदसूरत गड़बड़ के साथ खत्म करो। – redsquare

0

बेहतर अभी तक, jQuery का उपयोग न करें। मैं तुम्हें ध्यान केंद्रित करने पर या कलंक पर ऐसा करना चाहते हैं मान है, तो आप कर सकते हैं:

#textboxid {background-color:defaultcolor;} 
#textboxid:focus {background-color:selectedcolor;} 
संबंधित मुद्दे

 संबंधित मुद्दे