addClass मेथड
addClass मेथड
एलिमेंट को निर्दिष्ट CSS क्लास जोड़ती है।
सिंटैक्स
एक CSS क्लास:
$(सेलेक्टर).addClass(CSS क्लास का नाम);
एक से अधिक CSS क्लास (स्ट्रिंग के रूप में):
$(सेलेक्टर).addClass('क्लास1 क्लास2 क्लास3 ...');
एक से अधिक CSS क्लास (ऐरे के रूप में):
$(सेलेक्टर).addClass(['क्लास1', 'क्लास2', 'क्लास3', '...']);
सेट में प्रत्येक एलिमेंट पर फ़ंक्शन लागू करना:
$(सेलेक्टर).addClass(function(सेट में क्रमांक, एलिमेंट की वर्तमान CSS क्लासेस));
उदाहरण
हमारे पैराग्राफ में कोई क्लास नहीं है। आइए
इसमें www क्लास जोड़ें:
<p id="test">text</p>
$('#test').addClass('www');
HTML कोड इस तरह दिखेगा:
<p id="test" class="www">text</p>
उदाहरण
हमारे पैराग्राफ में पहले से ही एक क्लास है। आइए इसमें
www क्लास और जोड़ें:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML कोड इस तरह दिखेगा:
<p id="test" class="eee www">text</p>
उदाहरण
हमारे पैराग्राफ में पहले से ही दो क्लासेस हैं। आइए
इसमें www क्लास और जोड़ें:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML कोड इस तरह दिखेगा:
<p id="test" class="eee ggg www">text</p>
उदाहरण
हमारे पैराग्राफ में पहले से ही एक क्लास है। आइए इसमें
दो और क्लासेस जोड़ें - www और ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML कोड इस तरह दिखेगा:
<p id="test" class="eee www ggg">text</p>
यह भी देखें
-
मेथड्स
removeClass,toggleClass,hasClass -
JavaScript प्रॉपर्टी
classlist,
जिसकी मदद से शुद्ध JavaScript पर एलिमेंट की CSS क्लासेस जोड़ और हटा सकते हैं
