Aggiunta e rimozione rigorosa di una classe con il metodo toggleClass in jQuery

In toggleClass puoi anche passare un parametro di stato, come true o false, quindi la classe verrà solo aggiunta o solo rimossa.

Supponiamo di avere le seguenti classi CSS:

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

La classe zzz viene applicata al paragrafo:

html<p class="zzz" id="test">testo</p>
<button>clicca</button>

Aggiungiamo solo la classe red al click:

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

Come puoi vedere, al click successivo non avviene nessuna modifica.

Tutti e tre i metodi elencati per lavorare con le classi - addClass, removeClass, toggleClass possono anche accettare più classi come parametro, e consentono l'applicazione di una funzione a ciascun elemento nel set.