Ścisłe usuwanie i dodawanie klasy metodą toggleClass w jQuery

Również w toggleClass można przekazać parametr stanu, jak true lub false, wtedy klasa będzie albo tylko dodawana, albo tylko usuwana.

Załóżmy, że mamy następujące klasy CSS:

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

Do akapitu zastosowano klasę zzz:

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

Sprawmy, aby klasa red była tylko dodawana po naciśnięciu:

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

Jak widać, przy ponownym naciśnięciu nie zachodzą żadne zmiany.

Wszystkie trzy wymienione metody do pracy z klasami - addClass, removeClass, toggleClass mogą również przyjmować jako parametr wiele klas, a także pozwalają na zastosowanie funkcji do każdego elementu w zestawie.