Строго премахване и добавяне на клас с метода toggleClass в jQuery

Също така в toggleClass може да се подаде параметър за състояние, като true или false, тогава класът ще бъде или само добавен, или само премахнат.

Нека да имаме следните CSS класове:

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

Към абзаца се прилага клас zzz:

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

Нека само да добавяме клас red при натискане:

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

Както виждате, при повторно натискане не се случва никаква промяна.

И трите споменати метода за работа с класове - addClass, removeClass, toggleClass могат също да приемат като параметър няколко класа, както и позволяват прилагането на функция към всеки елемент в набора.