Die addClass-metode
Die addClass metode voeg
'n gespesifiseerde CSS-klass by die element.
Sintaksis
Een CSS-klass:
$(selektor).addClass(CSS-klass naam);
Verskeie CSS-klasse (as string):
$(selektor).addClass('klass1 klass2 klass3 ...');
Verskeie CSS-klasse (as array):
$(selektor).addClass(['klass1', 'klass2', 'klass3', '...']);
Toepassing van 'n funksie op elke element in die versameling:
$(selektor).addClass(function(nommer in versameling, huidige CSS-klasse van element));
Voorbeeld
Ons paragraaf het glad nie klasse nie. Kom ons
voeg die www klass daartoe by:
<p id="test">teks</p>
$('#test').addClass('www');
Die HTML-kode sal so lyk:
<p id="test" class="www">teks</p>
Voorbeeld
Ons paragraaf het reeds 'n klass. Kom ons voeg
die www klass ook daartoe by:
<p id="test" class="eee">teks</p>
$('#test').addClass('www');
Die HTML-kode sal so lyk:
<p id="test" class="eee www">teks</p>
Voorbeeld
Ons paragraaf het reeds twee klasse. Kom ons
voeg die www klass ook daartoe by:
<p id="test" class="eee ggg">teks</p>
$('#test').addClass('www');
Die HTML-kode sal so lyk:
<p id="test" class="eee ggg www">teks</p>
Voorbeeld
Ons paragraaf het reeds 'n klass. Kom ons voeg
ook twee klasse by - www en ggg:
<p id="test" class="eee">teks</p>
$('#test').addClass('www ggg');
Die HTML-kode sal so lyk:
<p id="test" class="eee www ggg">teks</p>
Sien ook
-
metodes
removeClass,toggleClass,hasClass -
JavaScript eienskap
classlist,
waarmee jy CSS-klasse by die element kan byvoeg en verwyder met suiwer JavaScript
