Tiukka luokan poistaminen ja lisääminen toggleClass-metodilla jQueryssä

Myös toggleClass:iin voidaan välittää tila-parametri, kuten true tai false, jolloin luokka joko vain lisätään tai vain poistetaan.

Oletetaan, että meillä on seuraavat CSS-luokat:

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

Luokkaa zzz sovelletaan kappaleeseen:

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

Lisätään vain luokka red klikkaamalla:

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

Kuten näette, toista napsautusta ei tapahdu mitään muutoksia.

Kaikki kolme mainittua menetelmää luokkien kanssa työskentelyyn - addClass, removeClass, toggleClass voivat myös hyväksyä useita luokkia parametrina, ja sallivat funktion soveltamisen jokaiseen elementtiin joukossa.