jQuery में toggleClass विधि द्वारा क्लास को सख्ती से हटाना और जोड़ना

toggleClass में आप true या false जैसी स्थिति पैरामीटर भी पास कर सकते हैं, तब क्लास या तो केवल जुड़ेगी, या केवल हटेगी।

मान लीजिए हमारे पास निम्नलिखित CSS क्लासेस हैं:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

पैराग्राफ पर zzz क्लास लागू होती है:

<p class="zzz" id="test">text</p>
<button>click</button>

आइए क्लिक करने पर केवल red क्लास जोड़ें:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

जैसा कि आप देख रहे हैं, दोबारा क्लिक करने पर कोई बदलाव नहीं होता है।

कक्षाओं के साथ काम करने के लिए सूचीबद्ध सभी तीन विधियाँ - addClass, removeClass, toggleClass पैरामीटर के रूप में कई कक्षाएं भी ले सकती हैं, और सेट में प्रत्येक तत्व के लिए फ़ंक्शन के अनुप्रयोग की अनुमति देती हैं।

ऊपर दिए गए उदाहरण के कोड को सही करें - शुरू में विशेषता में red क्लास लिखें और फिर ऐसा करें कि red क्लास केवल हटे।