Byvoeging van 'n klas aan 'n element in jQuery
Ek herinner jou daaraan dat jy in die
class
kenmerk in HTML-kode verskeie
klasse kan skryf met 'n spasie tussen.
Stel jou voor so 'n situasie - jy wil
'n nuwe klas by die bestaande voeg sonder om
hulle oor te skryf. In hierdie geval sal dit nie werk om
net .attr('class', 'new-class') te doen nie
(deur die metode
attr te gebruik)
- jy sal die klasse wat reeds
in die kenmerk is oor skryf.
Jy kan natuurlik eers die klasse lees
wat daar is, dan ons klas byvoeg
met 'n spasie en alles terugskryf
in die kenmerk, maar daar is 'n makliker manier - in jQuery
is daar 'n metode vir sulke dinge,
addClass.
Die metode addClass laat jou toe om 'n
klas by 'n element (of elemente) te voeg, sonder om
ander klasse oor te skryf. Die klas wat jy
by die element wil voeg, word as
parameter van hierdie metode aanvaar.
In die volgende voorbeeld het ons 'n element met
twee klasse - class="www zzz":
<p class="www zzz" id="test">text</p>
Ons kan 'n derde klas byvoeg -
kkk. As gevolg daarvan sal die inhoud van die kenmerk
so word - class="www zzz kkk":
$('#test').addClass('kkk');
Die HTML-kode sal so lyk:
<p class="www zzz kkk" id="test">text</p>
Voeg die klas test by alle li.
