jQuery toggleClass() Yöntemi
Örnek
Tüm <p> öğeleri için "ana" sınıf adını ekleme ve kaldırma arasında geçiş yapın:
$("button").click(function(){
$("p").toggleClass("main");
});
Tanım ve Kullanım
toggleClass() yöntemi, seçilen öğelerden bir veya daha fazla sınıf adı ekleme ve çıkarma arasında geçiş yapar.
Bu yöntem, belirtilen sınıf adları için her öğeyi kontrol eder. Sınıf adları eksikse eklenir ve önceden ayarlanmışsa kaldırılır - Bu, bir geçiş efekti oluşturur.
Ancak, "switch" parametresini kullanarak, yalnızca bir sınıf adının kaldırılmasını veya yalnızca eklenmesini belirtebilirsiniz.
Sözdizimi
$(selector).toggleClass(classname,function(index,currentclass),switch)
| Parameter | Description |
|---|---|
| classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
| function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
| switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Kendiniz Deneyin - Örnekler
kaldırma arasında geçiş yapma Bir sınıf adı ekleme ve kaldırma arasında geçiş yapmak için toggleClass() yöntemi nasıl kullanılır.
kullanarak sınıfları değiştir Seçili öğeler için hangi sınıf adlarının değiştirileceğini belirtmek için bir işlev kullanma.
kullanma switch parametresi yalnızca bir sınıf adı eklemek veya kaldırmak için nasıl kullanılır.