Strikte verwijdering en toevoeging van klasse met de toggleClass methode in jQuery

Ook in toggleClass kan je een statusparameter doorgeven, zoals true of false, dan wordt de klasse alleen toegevoegd, of alleen verwijderd.

Stel dat we de volgende CSS klassen hebben:

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

Op de paragraaf is de klasse zzz toegepast:

html<p class="zzz" id="test">tekst</p>
<button>klik</button>

Laten we alleen de klasse red toevoegen bij het klikken:

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

Zoals je ziet, gebeurt er bij herhaaldelijk klikken geen wijzigingen.

Alle drie de genoemde methodes voor het werken met klassen - addClass, removeClass, toggleClass kunnen ook meerdere klassen als parameter accepteren, en maken de toepassing van een functie op elk element in de set mogelijk.