Range klasside eemaldamine ja lisamine toggleClass meetodiga jQuery-s
Samuti saab toggleClass-ile edastada
olekuparameetri, nagu true või false,
siis lisatakse klass kas ainult või
eemaldatakse ainult.
Olgu meil järgmised CSS klassid:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Klassi zzz rakendatakse lõigule:
<p class="zzz" id="test">text</p>
<button>click</button>
Lisame kliki korral ainult klassi red:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Nagu näete, ei toimu uuesti klõpsates mingeid muutusi.
Kõik kolm loetletud klassidega töötamise
meetodit - addClass,
removeClass,
toggleClass
võivad vastu võtta parameetritena ka mitu klassi
ja võimaldavad iga elemendi komplektis funktsiooni rakendamist.
Parandage ülaltoodud näitekood - algselt
kirjutage klass red atribuuti ja seejärel
tehke nii, et klass red eemaldatakse ainult.
