Строгое удаление и добавление класса методом 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 могут также принимать в качестве параметра несколько классов, а также позволяют применение функции к каждому элементу в наборе.