Adăugarea unei clase unui element în jQuery
Reamintesc că în atributul
class
din codul HTML se pot scrie mai multe
clase separate prin spațiu.
Să ne imaginăm o astfel de situație - doriți să
adăugați o nouă clasă la cele existente, fără a le
șterge în acest fel. În acest caz, nu veți reuși
dacă pur și simplu faceți .attr('class', 'new-class')
(folosind metoda
attr)
- veți șterge clasele care
deja există în atribut.
Se poate, desigur, mai întâi să citiți clasele,
care sunt acolo, apoi să le adăugați clasa noastră
separată prin spațiu și să scrieți totul înapoi
în atribut, dar există o metodă mai simplă - în jQuery
pentru astfel de lucruri este prevăzută metoda
addClass.
Metoda addClass permite adăugarea
unei clase unui element (sau elementelor), fără a
șterge în acest fel alte clase. Clasa pe care
doriți să o adăugați elementului este acceptată
ca parametru al acestei metode.
În următorul exemplu avem un element cu
două clase - class="www zzz":
<p class="www zzz" id="test">text</p>
Putem să-i adăugăm și o a treia clasă -
kkk. În rezultat, conținutul atributului
va deveni astfel - class="www zzz kkk":
$('#test').addClass('kkk');
Codul HTML va arăta astfel:
<p class="www zzz kkk" id="test">text</p>
Adăugați tuturor elementelor li clasa test.
