Metoda toggleClass

Metoda toggleClass przełącza dodawanie/usuwanie klasy CSS: jeśli jej nie ma - doda, jeśli jest - usunie.

Składnia

Jedna klasa CSS:

$(selektor).toggleClass(nazwa klasy);

Dodać lub usunąć klasę CSS tylko w zależności od drugiego parametru, który przyjmuje wartości true lub false:

$(selektor).toggleClass(nazwa klasy CSS, stan);

Kilka klas CSS:

$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...']);

Dodać lub usunąć klasy CSS tylko w zależności od drugiego parametru:

$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...'], stan');

Zastosowanie funkcji do każdego elementu w zestawie, stan może być true lub false, i wskazuje metodzie - tylko dodać lub tylko usunąć klasę CSS:

$(selektor).toggleClass(function(numer w zestawie, aktualne klasy elementu, stan), [stan]);

Nasz akapit ma już dwie klasy. Dodajmy mu jeszcze klasę www:

tekst $('#test').toggleClass('www');

Kod HTML będzie wyglądać tak:

tekst

A teraz klasa www już jest w elemencie - usuńmy ją:

tekst $('#test').toggleClass('www');

Kod HTML będzie wyglądać tak:

tekst

metody addClass, removeClass, hasClass
Właściwość JavaScript classList,
za pomocą której można przełączać dodawanie/usuwanie klasy w czystym JavaScript