пример
Переключение между добавлением и удалением "main" имя класса для всех <p> элементов:
$("button").click(function(){
$("p").toggleClass("main");
});
Попробуй сам " Определение и использование
toggleClass() метод переключает между добавлением и удалением одного или нескольких имен классов из выбранных элементов.
Этот метод проверяет каждый элемент для указанных имен классов. Имена классов будут добавлены, если он отсутствует, и удален, если уже установлен - Это создает эффект переключения.
Тем не менее, с помощью параметра "переключатель", можно указать только удалить или добавить только имя класса.
Синтаксис
$(selector).toggleClass(classname,function(index,currentclass),switch)| параметр | Описание |
|---|---|
| classname | Необходимые. Задает один или несколько имен классов для добавления или удаления. Чтобы указать несколько классов, отдельные имена классов с пробелом |
| function(index,currentclass) | Необязательный. Определяет функцию, которая возвращает один или несколько имен классов, чтобы добавить / удалить
|
| переключатель | Необязательный. Логическое значение , определяющее , если класс должен быть добавлен только (true) , или только быть удалены (false) |
Попробуйте сами - Примеры
Переключение между добавлением и удалением имени класса
Как использовать toggleClass() метод для переключения между режимами добавления и удаления имени класса.
Переключение классов с помощью функции
Использование функции указать, какие имена классов должны быть переключены для выбранных элементов.
Использование параметра переключателя
Как использовать параметр-переключатель, чтобы только добавить или удалить имя класса.