addClass मेथड

addClass मेथड एलिमेंट को निर्दिष्ट CSS क्लास जोड़ती है।

सिंटैक्स

एक CSS क्लास:

javascript$(सेलेक्टर).addClass(CSS क्लास का नाम);

एक से अधिक CSS क्लास (स्ट्रिंग के रूप में):

javascript$(सेलेक्टर).addClass('क्लास1 क्लास2 क्लास3 ...');

एक से अधिक CSS क्लास (ऐरे के रूप में):

javascript$(सेलेक्टर).addClass(['क्लास1', 'क्लास2', 'क्लास3', '...']);

सेट में प्रत्येक एलिमेंट पर फ़ंक्शन लागू करना:

javascript$(सेलेक्टर).addClass(function(सेट में क्रमांक, एलिमेंट की वर्तमान CSS क्लासेस));

उदाहरण

हमारे पैराग्राफ में कोई क्लास नहीं है। आइए इसमें www क्लास जोड़ें:

html<p id="test">text</p>

javascript$('#test').addClass('www');

HTML कोड इस तरह दिखेगा:

html<p id="test" class="www">text</p>

उदाहरण

हमारे पैराग्राफ में पहले से ही एक क्लास है। आइए इसमें www क्लास और जोड़ें:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www');

HTML कोड इस तरह दिखेगा:

html<p id="test" class="eee www">text</p>

उदाहरण

हमारे पैराग्राफ में पहले से ही दो क्लासेस हैं। आइए इसमें www क्लास और जोड़ें:

html<p id="test" class="eee ggg">text</p>

javascript$('#test').addClass('www');

HTML कोड इस तरह दिखेगा:

html<p id="test" class="eee ggg www">text</p>

उदाहरण

हमारे पैराग्राफ में पहले से ही एक क्लास है। आइए इसमें दो और क्लासेस जोड़ें - www और ggg:

html<p id="test" class="eee">text</p>

javascript$('#test').addClass('www ggg');

HTML कोड इस तरह दिखेगा:

html<p id="test" class="eee www ggg">text</p>

यह भी देखें