Přísné odstranění a přidání třídy metodou toggleClass v jQuery

Také v toggleClass lze předat parametr stavu, jako true nebo false, poté bude třída buď pouze přidána, nebo pouze odstraněna.

Nechť máme následující CSS třídy:

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

K odstavci je aplikována třída zzz:

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

Pojďme pouze přidávat třídu red při kliknutí:

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

Jak vidíte, při opakovaném kliknutí nedochází k žádným změnám.

Všechny tři zmíněné metody pro práci s třídami - addClass, removeClass, toggleClass mohou také přijímat jako parametr více tříd, a umožňují aplikaci funkce na každý prvek v sadě.