Najnowsze tutoriale tworzenie stron internetowych
 

jQuery toggleClass() Method

<JQuery HTML / CSS Metody

Przykład

Przełączać się między dodawania i usuwania "main" nazwę klasy dla wszystkich <p> elementów:

$("button").click(function(){
    $("p").toggleClass("main");
});
Spróbuj sam "

Definicja i Wykorzystanie

toggleClass() Metoda przełącza pomiędzy dodawanie i usuwanie jednego lub więcej nazw klas z wybranych elementów.

Metoda ta sprawdza każdy element podanych nazwach klas. Nazwy klas są dodawane, jeśli brakuje i usunięte, jeśli już ustawione - To tworzy efekt przełączania.

Jednak za pomocą parametru "przełącznik", można określić tylko usunąć lub dodać tylko nazwę klasy.


Składnia

$(selector).toggleClass(classname,function(index,currentclass),switch)

Parametr Opis
classname Wymagany. Określa jedną lub więcej nazw klas dodać lub usunąć. Aby określić kilka klas, należy oddzielić nazwy klas z przestrzeni
function(index,currentclass) Opcjonalny. Określa funkcję, która zwraca jedną lub więcej nazw klas, aby dodać / usunąć
  • index - Zwraca indeks elementu w zestawie
  • currentclass - Zwraca aktualną nazwę klasy wybranych elementów
przełącznik Opcjonalny. Wartość logiczna określająca, czy klasa powinna być dodawane tylko (true) , czy tylko zostać usunięte (false)

Spróbuj sam - przykłady

Przełączać się między dodawania i usuwania nazwę klasy
Jak korzystać z toggleClass() metodę, aby przełączyć między dodawania i usuwania nazwę klasy.

Przegubowe zajęcia wykorzystujące funkcję
Korzystanie z funkcji, aby określić, która klasa nazwy powinny być przełączana do wybranych elementów.

Korzystanie z parametru przełącznika
Jak używać parametru przełącznika tylko dodać lub usunąć nazwę klasy.


<JQuery HTML / CSS Metody