Szigorú osztály eltávolítása és hozzáadása a toggleClass metódussal jQuery-ben

A toggleClass metódusnak átadhatunk egy állapotparamétert is, mint true vagy false, ekkor az osztály vagy csak hozzáadódik, vagy csak eltávolításra kerül.

Tegyük fel, hogy a következő CSS osztályaink vannak:

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

A bekezdésre a zzz osztály vonatkozik:

html<p class="zzz" id="test">szöveg</p>
<button>kattintás</button>

Most csak a red osztályt adjuk hozzá kattintáskor:

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

Amint látható, az ismételt kattintáskor nem történik semmilyen változás.

A felsorolt három metódus az osztályok kezelésére - a addClass, a removeClass, és a toggleClass - több osztályt is fogadhat paraméterként, valamint lehetővé teszik egy függvény alkalmazását minden elemre a halmazban.