jQuery Özellik İşleme - toggleClass() Yöntemi

jQuery Etki Referans Kılavuzu

Örnek

Bütün <p> elementlerinin "main" sınıfını eklemek veya kaldırmak için değişim yapar:

$("button").click(function(){
  $("p").toggleClass("main");
});

Kişisel olarak deneyin

Tanım ve Kullanım

toggleClass() yöntemi, seçilen elementin bir veya daha fazla sınıfını eklemek veya kaldırmak için değişim yapar.

Bu yöntem, her bir elementte belirtilen sınıfı kontrol eder. Eğer yoksa sınıf ekler, eğer zaten ayarlanmışsa sınıfı kaldırır. Bu, değişim etkisi olarak adlandırılır.

Ancak, "switch" parametresini kullanarak sadece sınıfı kaldırma veya sadece sınıfı eklemeyi belirleyebilirsiniz.

Sözdizimi

$(selector).toggleClass(class,switch)
Parametreler Açıklama
class

Gerekli. Eklenmesi veya kaldırılması gereken sınıfların belirtilen elementi düzenler.

Birkaç sınıfı belirlemek için sınıf adlarını boşluk ile ayırın.
switch Opsiyonel. Booleen değer. Sınıfın eklenip eklenmeyeceğini belirler.

Kullanıcı fonksiyonu ile sınıfı değiştir

$(selector).toggleClass(function(index,class),switch)

Kişisel olarak deneyin

Parametreler Açıklama
function(index,class)

Gerekli. Eklenmesi veya kaldırılması gereken bir veya daha fazla sınıf adını belirleyen fonksiyonu düzenler.

  • index - Opsiyonel. Seçicinin index konumunu kabul eder.
  • class - Opsiyonel. Seçicinin mevcut sınıfını kabul eder.
switch Opsiyonel. Booleen değer. Sınıfın eklenip eklenmeyeceğini belirler.

jQuery Etki Referans Kılavuzu