jQuery - dynamiczna zmiana przypisania istniejącej klasy stylów CSS

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 3733 razy

Biblioteka jQuery umożliwia również dynamiczne dodawanie styli CSS do elementów drzewa DOM. Pierwsza metoda to addClass, która (jak z resztą sama nazwa wskazuje) dodaje podaną klasę styli CSS do elementów drzewa DOM.

$("p").addClass("red");

Można również usunąć daną klasę styli wykorzystując metodę .removeClass w następujący sposób:

$("p").removeClass("red");

Możliwe jest również przełączanie dodawania klasy stylów CSS poprzez wykorzystanie metody klasy toggleClass np. w następujący sposób:

$("p").toggleClass("red");

Możliwe jest również sprawdzenie metodą hasClass, czy do danej grupy elementów drzewa DOM została przypisana dana klasa. Przykład:

if($("p").hasClass("red")){ console.log("p have class red"); }

Ważne aby wiedzieć, że jeżeli co najmniej jeden element p ma przypisaną klasę red to taka metoda hasClass zwróci prawdę.

Strony powiązane

api.jquery.com/addclass/ - opis metody addClass na stronie dokumentacji technicznej jQuery
api.jquery.com/removeclass/ - opis metody removeClass na stronie dokumentacji technicznej jQuery
api.jquery.com/toggleclass/ - opis metody toggleClass na stronie dokumentacji technicznej jQuery
api.jquery.com/hasClass/ - opis metody hasClass na stronie dokumentacji technicznej jQuery