En son web geliştirme öğreticiler
 

jQuery toggleClass() Method

<JQuery HTML / CSS Yöntemleri

Örnek

Ekleme ve çıkarma arasında geçiş "main" herkes için sınıf adını <p> elemanları:

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

Tanımı ve Kullanımı

toggleClass() metodu eklenmesi ve seçilen elemanlardan bir veya daha fazla sınıf isimleri kaldırma arasındaki geçiş yapar.

Bu yöntem, belirtilen sınıf isimleri her öğe kontrol eder. sınıf adları eksik olursa eklenir ve zaten ayarlarsanız kaldırıldı - Bu bir geçiş etkisi yaratır.

Ancak kullanarak "switch" parametresi, yalnızca kaldırmak belirtebilirsiniz veya yalnızca sınıf adını ekleyin.


Sözdizimi

$( Parametre Açıklama classname Gereklidir. eklemek veya kaldırmak için bir veya birden fazla sınıf adlarını belirtir. bir boşlukla sınıf adları ayırmak, çeşitli sınıflar belirtmek için function (index,currentclass) İsteğe bağlı. eklemek için bir veya daha fazla sınıf isimleri döndüren bir fonksiyon / kaldırma belirtir
  • index - sette öğenin dizin konumunu döndürür
  • currentclass - Seçilen öğelerin geçerli sınıf adını döndürür
şalter İsteğe bağlı. Sınıf yalnızca eklenmelidir olmadığını belirtin bir Boolean değeri (true) yalnızca, ya da çıkarılabilir (false)

it Yourself deneyin - Örnekler

Ekleme ve bir sınıf adı kaldırarak arasında geçiş
Nasıl kullanmak toggleClass() eklenmesi ve bir sınıf adı kaldırarak arasında geçiş yapmak için bir yöntem.

Bir fonksiyonu kullanılarak Geçiş sınıfları
Bir fonksiyonu kullanarak seçilen elemanlar için toggled hangi sınıf isimleri belirtmek için.

Anahtar parametresini kullanma
Nasıl yalnızca eklemek veya bir sınıf adı kaldırmak için anahtar parametre kullanmak.


<JQuery HTML / CSS Yöntemleri