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:

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

Klassi zzz rakendatakse lõigule:

html<p class="zzz" id="test">text</p>
<button>click</button>

Lisame kliki korral ainult klassi red:

javascript$('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.