Elemendile klassi lisamine jQuery-s
Tuletan meelde, et
class
atribuudi saab HTML-koodis kirjutada mitu
klassi tühikuga eraldatuna.
Kujutagem ette sellist olukorda - soovite
lisada uue klassi olemasolevatele, ilma et
need kustutataks. Sel juhul ei õnnestu lihtsalt
teha .attr('class', 'new-class')
(kasutades meetodit
attr)
- kustutate klassid, mis
juba on atribuudis olemas.
Võib muidugi kõigepealt lugeda klassid,
mis seal on, siis lisada need oma
klassiga tühikuga ja kirjutada kõik tagasi
atribuuti, kuid on lihtsam viis - jQuery-s
on sellisteks asjadeks ette nähtud meetod
addClass.
Meetod addClass võimaldab lisada
klassi elemendile (või elementidele), ilma et
teised klassid kustutataks. Klass, mida te
soovite lisada elementi, võetakse vastu
selle meetodi parameetrina.
Järgmises näites on meil element
kahe klassiga - class="www zzz":
<p class="www zzz" id="test">text</p>
Saame sellele lisada ka kolmanda klassi -
kkk. Tulemusena saab atribuudi sisu
selliseks - class="www zzz kkk":
$('#test').addClass('kkk');
HTML-kood näeb välja selline:
<p class="www zzz kkk" id="test">text</p>
Lisage kõigile li elementidele klass test.
