Streng fjerning og tilføyelse av klasse med toggleClass-metoden i jQuery

Også i toggleClass kan du sende en statsparameter, som true eller false, da vil klassen enten bare bli lagt til, eller bare fjernes.

La oss si at vi har følgende CSS-klasser:

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

Klassen zzz brukes på avsnittet:

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

La oss bare legge til klassen red ved klikk:

javascript$('button').click(function() {
  $('#test').toggleClass('red', true);
});

Som du ser, skjer det ingen endringer ved gjentatt klikk.

Alle de tre nevnte metodene for å jobbe med klasser - addClass, removeClass, toggleClass kan også ta flere klasser som parameter, og tillater bruk av en funksjon på hvert element i settet.