Dodajanje razreda elementu v jQuery

Spomnim, da lahko v atributu class v HTML kodi napišemo več razredov presledkovno ločenih.

Predstavljajmo si takšno situacijo - želite dodati nov razred k obstoječim, ne da bi jih pri tem prepisali. V tem primeru, če preprosto naredite .attr('class', 'new-class') ne bo uspelo (z uporabo metode attr) - prepisali boste tiste razrede, ki so že v atributu.

Seveda lahko najprej preberete razrede, ki so tam, nato dodate naš razred k njim s presledkom in vse skupaj zapišete nazaj v atribut, vendar obstaja lažji način - v jQuery je za takšne stvari predviden metoda addClass.

Metoda addClass omogoča dodajanje razreda elementu (ali elementom), ne da bi pri tem prepisali druge razrede. Razred, ki ga želite dodati elementu, je parameter te metode.

V naslednjem primeru imamo element z dvema razredoma - class="www zzz":

html<p class="www zzz" id="test">text</p>

Lahko mu dodamo še tretji razred - kkk. Kot rezultat bo vsebina atributa takšna - class="www zzz kkk":

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

HTML koda bo videti takole:

html<p class="www zzz kkk" id="test">text</p>