jQuery में हैफ़न वाले CSS गुण
मान लीजिए कि गुण, जैसा कि अक्सर CSS में होता है, कई शब्दों से बना है, जो हैफ़न द्वारा अलग किए गए हैं:
<p class="www">text</p>
ऐसे मामले में कोई समस्या नहीं है - इसे Javascript कोड में उसी तरह लिखा जाता है जैसे CSS में:
$('.www').css('font-size', '20px');
यदि आप कई CSS गुण निर्धारित करना चाहते हैं,
तो इसके लिए css विधि में
एक ऑब्जेक्ट पैरामीटर के रूप में पास किया जा सकता है, जिसकी कुंजियाँ
CSS गुण होंगी, और ऑब्जेक्ट के मान
- CSS गुणों के मान:
$('.www').css({color: 'red', font: '12px Arial'});
हालाँकि, यहाँ पहले से ही font-size
प्रकार के गुणों के साथ समस्याएँ होंगी
- आपको font-size नहीं लिखना होगा,
बल्कि fontSize लिखना होगा:
$('.www').css({color: 'red', fontSize: '12px'});
यदि आपको ऐसा करना बहुत पसंद नहीं है - तो
font-size कुंजी को उद्धरण चिह्नों में लपेटें:
$('.www').css({color: 'red', 'font-size': '12px'});
जैसा कि आप देखते हैं, jQuery आपकी पसंद के अनुसार विधियों के उपयोग के विभिन्न विकल्प देता है। जो आपके लिए सुविधाजनक हो, उसका उपयोग करें।
सभी h3 को हरे रंग का
मोटा टेक्स्ट दें।
सभी h2 को हल्का नीला रंग और
font-size: 30px दें।
