Stronę tą wyświetlono już: 3955 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ę.