toggleClass विधि

toggleClass विधि CSS क्लास को जोड़ने/हटाने का कार्य करती है: यदि यह मौजूद नहीं है तो इसे जोड़ देगी, यदि मौजूद है तो हटा देगी।

वाक्य - विन्यास

एक CSS क्लास:

javascript$(selector).toggleClass(class name);

दूसरे पैरामीटर के आधार पर केवल CSS क्लास को जोड़ना या हटाना, जो true या false मान लेता है:

javascript$(selector).toggleClass(CSS class name, state);

एकाधिक CSS क्लासेस:

javascript$(selector).toggleClass(['class1', 'class2', 'class3', '...']);

दूसरे पैरामीटर के आधार पर केवल CSS क्लासेस को जोड़ना या हटाना:

javascript$(selector).toggleClass(['class1', 'class2', 'class3', '...'], state');

सेट में प्रत्येक तत्व पर फ़ंक्शन का अनुप्रयोग, स्थिति true या false हो सकती है, और विधि को निर्देश देती है - केवल CSS क्लास को जोड़ें या केवल हटाएं:

javascript$(selector).toggleClass(function(index in set, current classes of element, state), [state]);

उदाहरण

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

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

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

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

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

उदाहरण

और अब www क्लास पहले से ही तत्व में मौजूद है - आइए इसे हटा दें:

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

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

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

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

यह भी देखें