Meetod toggleClass
Meetod toggleClass vaheldab CSS klassi lisamist/eemaldamist:
kui seda pole - lisab selle, kui on - eemaldab selle.
Süntaks
Üks CSS klass:
$(valija).toggleClass(klassi nimi);
Lisada või eemaldada CSS klass sõltuvalt
teisest parameetrist, mis võtab väärtused
true või false:
$(valija).toggleClass(CSS klassi nimi, olek);
Mitu CSS klassi:
$(valija).toggleClass(['klass1', 'klass2', 'klass3', '...']);
Lisada või eemaldada CSS klassid sõltuvalt teisest parameetrist:
$(valija).toggleClass(['klass1', 'klass2', 'klass3', '...'], olek');
Funktsiooni rakendamine igale elemendile komplektis,
olek võib olla true või false,
ja näitab meetodile - ainult lisada või ainult
eemaldada CSS klass:
$(valija).toggleClass(function(number komplektis, elemendi praegused klassid, olek), [olek]);
Näide
Meie lõigul on juba kaks klassi. Lisame
sellele veel klassi www:
<p id="test" class="eee ggg">text</p>
$('#test').toggleClass('www');
HTML kood näeb välja selline:
<p id="test" class="eee ggg www">text</p>
Näide
Nüüd on klass www juba elemendis
- eemaldame selle:
<p id="test" class="eee ggg www">text</p>
$('#test').toggleClass('www');
HTML kood näeb välja selline:
<p id="test" class="eee ggg">text</p>
Vaata ka
-
meetodid
addClass,removeClass,hasClass -
JavaScript omadus
classList,
mille abil saab vaheldada klassi lisamist/eemaldamist puhta JavaScripti abil
