English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Метод toggleClass() переключает между добавлением и удалением одного или нескольких классов для выбранного элемента.
Этот метод проверяет имя класса для каждого элемента:
Если класс отсутствует, то добавьте
Если уже был установлен класс, то его удалите
Но, используяstateПараметры, вы можете указать только удалить или только добавить имя класса.
Переключение класса:
$(selector).toggleClass(className)
ИспользованиеstateПараметры переключения класса:
$(selector).toggleClass(className, state)
Использование функции для переключения класса:
$(selector).toggleClass(function(index, currentClass), state)
Переключение между добавлением и удалением класса "anotherClass" для всех элементов <p>:
$("button").click(function() {
$("p").toggleClass("anotherClass");
});Проверьте, как это работает‹/›ИспользованиеstateПараметр добавляет или удаляет только имя класса:
$("button").click(function() {
$("p").toggleClass("anotherClass", true);
});Проверьте, как это работает‹/›| Параметр | Описание |
|---|---|
| className | Указать один или несколько (разделенных пробелами) классов, которые нужно добавить/удалить |
| state | Булево значение, определяющее следует ли добавить (true) или удалить класс (false) |
| function(index, currentClass) | Функция, которая возвращает один или несколько (разделенных пробелами) имен классов, которые будут добавлены к существующему имени класса или удалены из него.
|