toggleClass विधि
toggleClass विधि CSS क्लास को जोड़ने/हटाने का कार्य करती है:
यदि यह मौजूद नहीं है तो इसे जोड़ देगी, यदि मौजूद है तो हटा देगी।
वाक्य - विन्यास
एक CSS क्लास:
$(selector).toggleClass(class name);
दूसरे पैरामीटर के आधार पर केवल CSS क्लास को जोड़ना या हटाना,
जो true या false मान लेता है:
$(selector).toggleClass(CSS class name, state);
एकाधिक CSS क्लासेस:
$(selector).toggleClass(['class1', 'class2', 'class3', '...']);
दूसरे पैरामीटर के आधार पर केवल CSS क्लासेस को जोड़ना या हटाना:
$(selector).toggleClass(['class1', 'class2', 'class3', '...'], state');
सेट में प्रत्येक तत्व पर फ़ंक्शन का अनुप्रयोग,
स्थिति true या false हो सकती है,
और विधि को निर्देश देती है - केवल CSS क्लास को जोड़ें या केवल हटाएं:
$(selector).toggleClass(function(index in set, current classes of element, state), [state]);
उदाहरण
हमारे पैराग्राफ में पहले से ही दो क्लासेस हैं। आइए
इसमें www क्लास भी जोड़ें:
<p id="test" class="eee ggg">text</p>
$('#test').toggleClass('www');
HTML कोड इस तरह दिखेगा:
<p id="test" class="eee ggg www">text</p>
उदाहरण
और अब www क्लास पहले से ही तत्व में मौजूद है
- आइए इसे हटा दें:
<p id="test" class="eee ggg www">text</p>
$('#test').toggleClass('www');
HTML कोड इस तरह दिखेगा:
<p id="test" class="eee ggg">text</p>
यह भी देखें
-
विधियाँ
addClass,removeClass,hasClass -
JavaScript गुण
classList,
जिसकी सहायता से शुद्ध JavaScript का उपयोग करके क्लास को जोड़ना/हटाना संभव है
