jQuery में एलिमेंट को क्लास जोड़ना
मैं आपको याद दिला दूं कि HTML कोड में
class
एट्रीब्यूट में स्पेस से अलग करके कई क्लास लिखे जा सकते हैं।
आइए एक ऐसी स्थिति की कल्पना करें - आप
मौजूदा क्लासेस को मिटाए बिना उनमें एक नया क्लास
जोड़ना चाहते हैं। इस मामले में, बस
.attr('class', 'new-class')
करना (attr
मेथड का उपयोग करके) काम नहीं करेगा
- आप एट्रीब्यूट में पहले से मौजूद क्लासेस को मिटा देंगे।
बेशक, पहले वहां मौजूद क्लासेस को पढ़ा जा सकता है,
फिर उनमें स्पेस के साथ अपना क्लास जोड़ा जा सकता है
और सब कुछ वापस एट्रीब्यूट में लिखा जा सकता है,
लेकिन एक आसान तरीका है - jQuery
में ऐसे कामों के लिए
addClass
मेथड प्रदान किया गया है।
addClass मेथड एलिमेंट (या एलिमेंट्स) को
दूसरे क्लासेस को मिटाए बिना क्लास जोड़ने की अनुमति देता है।
जिस क्लास को आप एलिमेंट में जोड़ना चाहते हैं, उसे
इस मेथड के पैरामीटर के रूप में स्वीकार किया जाता है।
निम्नलिखित उदाहरण में हमारे पास दो क्लासेस वाला एक एलिमेंट है -
class="www zzz":
<p class="www zzz" id="test">text</p>
हम इसमें एक तीसरा क्लास -
kkk जोड़ सकते हैं। परिणामस्वरूप एट्रीब्यूट की सामग्री
इस तरह हो जाएगी - class="www zzz kkk":
$('#test').addClass('kkk');
HTML कोड इस तरह दिखेगा:
<p class="www zzz kkk" id="test">text</p>
सभी li को क्लास test जोड़ें।
