Metoda addClass
Metoda addClass dodaje
określoną klasę CSS do elementu.
Składnia
Jedna klasa CSS:
$(selektor).addClass(nazwa klasy CSS);
Kilka klas CSS (jako ciąg znaków):
$(selektor).addClass('klasa1 klasa2 klasa3 ...');
Kilka klas CSS (jako tablica):
$(selektor).addClass(['klasa1', 'klasa2', 'klasa3', '...']);
Zastosowanie funkcji do każdego elementu w zbiorze:
$(selektor).addClass(function(numer w zbiorze, obecne klasy CSS elementu));
Przykład
Nasz akapit nie ma żadnych klas. Dodajmy
mu klasę www:
<p id="test">tekst</p>
$('#test').addClass('www');
Kod HTML będzie wyglądać tak:
<p id="test" class="www">tekst</p>
Przykład
Nasz akapit ma już klasę. Dodajmy
mu jeszcze klasę www:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www');
Kod HTML będzie wyglądać tak:
<p id="test" class="eee www">tekst</p>
Przykład
Nasz akapit ma już dwie klasy. Dodajmy
mu jeszcze klasę www:
<p id="test" class="eee ggg">tekst</p>
$('#test').addClass('www');
Kod HTML będzie wyglądać tak:
<p id="test" class="eee ggg www">tekst</p>
Przykład
Nasz akapit ma już klasę. Dodajmy
mu jeszcze dwie klasy - www i ggg:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www ggg');
Kod HTML będzie wyglądać tak:
<p id="test" class="eee www ggg">tekst</p>
Zobacz też
-
metody
removeClass,toggleClass,hasClass -
Właściwość JavaScript
classlist,
za pomocą której można dodawać i usuwać klasy CSS elementu w czystym JavaScript
