Metoda addClass

Metoda addClass dodaje określoną klasę CSS do elementu.

Składnia

Jedna klasa CSS:

javascript$(selektor).addClass(nazwa klasy CSS);

Kilka klas CSS (jako ciąg znaków):

javascript$(selektor).addClass('klasa1 klasa2 klasa3 ...');

Kilka klas CSS (jako tablica):

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

Zastosowanie funkcji do każdego elementu w zbiorze:

javascript$(selektor).addClass(function(numer w zbiorze, obecne klasy CSS elementu));

Przykład

Nasz akapit nie ma żadnych klas. Dodajmy mu klasę www:

html<p id="test">tekst</p>

javascript$('#test').addClass('www');

Kod HTML będzie wyglądać tak:

html<p id="test" class="www">tekst</p>

Przykład

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

html<p id="test" class="eee">tekst</p>

javascript$('#test').addClass('www');

Kod HTML będzie wyglądać tak:

html<p id="test" class="eee www">tekst</p>

Przykład

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

html<p id="test" class="eee ggg">tekst</p>

javascript$('#test').addClass('www');

Kod HTML będzie wyglądać tak:

html<p id="test" class="eee ggg www">tekst</p>

Przykład

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

html<p id="test" class="eee">tekst</p>

javascript$('#test').addClass('www ggg');

Kod HTML będzie wyglądać tak:

html<p id="test" class="eee www ggg">tekst</p>

Zobacz też