jQuery'de toggleClass Metodu ile Katı Sınıf Ekleme ve Kaldırma

Ayrıca toggleClass'a true veya false gibi bir durum parametresi de geçilebilir, bu durumda sınıf ya sadece eklenecek ya da sadece kaldırılacaktır.

Aşağıdaki CSS sınıflarımızın olduğunu varsayalım:

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

Paragrafa zzz sınıfı uygulanmıştır:

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

Şimdi sadece tıklamada red sınıfını ekleyelim:

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

Gördüğünüz gibi, tekrar tıklandığında herhangi bir değişiklik olmuyor.

Sınıflarla çalışmak için bahsedilen üç metot - addClass, removeClass, toggleClass ayrıca parametre olarak birden fazla sınıf alabilir ve kümedeki her bir elemana bir fonksiyon uygulanmasına izin verir.

Yukarıda verilen örnek kodu düzeltin - başlangıçta red sınıfını özniteliğe yazın ve ardından red sınıfının sadece kaldırılmasını sağlayın.