Metode toggleClass
Die metode toggleClass wissel tussen die byvoeging/verwydering
van 'n CSS klasse: as dit nie daar is nie, sal dit dit byvoeg, as dit daar is, sal dit dit verwyder.
Sintaksis
Een CSS klasse:
$(selekteerder).toggleClass(klasnaam);
Slegs byvoeg of verwyder CSS klasse afhangende
van die tweede parameter, wat waardes
true of false aanvaar:
$(selekteerder).toggleClass(CSS klasnaam, toestand);
Verskeie CSS klasse:
$(selekteerder).toggleClass(['klas1', 'klas2', 'klas3', '...']);
Slegs byvoeg of verwyder CSS klasse afhangende van die tweede parameter:
$(selekteerder).toggleClass(['klas1', 'klas2', 'klas3', '...'], toestand');
Toepassing van 'n funksie op elke element in die stel,
toestand kan true of false wees,
en dui vir die metode aan - om slegs by te voeg of slegs
te verwyder CSS klasse:
$(selekteerder).toggleClass(function(nommer in die stel, huidige klasse van die element, toestand), [toestand]);
Voorbeeld
Ons paragraaf het reeds twee klasse. Kom ons
voeg ook die klas www daarbv:
<p id="test" class="eee ggg">teks</p>
$('#test').toggleClass('www');
Die HTML-kode sal so lyk:
<p id="test" class="eee ggg www">teks</p>
Voorbeeld
En nou is die klas www reeds in die element
- kom ons verwyder dit:
<p id="test" class="eee ggg www">teks</p>
$('#test').toggleClass('www');
Die HTML-kode sal so lyk:
<p id="test" class="eee ggg">teks</p>
Sien ook
-
metodes
addClass,removeClass,hasClass -
JavaScript eienskap
classList,
waarmee jy die byvoeging/verwydering van klasse kan wissel in suiwer JavaScript
