Строгое удаление и добавление класса методом toggleClass в jQuery
Также в toggleClass можно передать
параметр состояния, как true или false,
тогда класс будет либо только добавляться, либо
только удаляться.
Пусть у нас есть следующие CSS классы:
.red {
color: red;
}
.zzz {
font-style: italic;
}
К абзацу применяется класс zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Давайте будем только добавлять класс red
при нажатии:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Как видите, при повторном нажатии не происходит никаких изменений.
Все три перечисленные метода для работы
с классами - addClass,
removeClass,
toggleClass
могут также принимать в качестве параметра несколько классов,
а также позволяют применение функции к каждому элементу в наборе.
Исправьте код примера данного выше - изначально
допишите класс red в атрибут и сделайте
затем так, чтобы класс red только удалялся.