jQuery управление свойствами - метод toggleClass()

jQuery эффекты справочника

Пример

Переключает добавление и удаление класса "main" для всех элементов <p>:

$("button").click(function(){
  $("p").toggleClass("main");
});

Попробуйте сами

Определение и использование

toggleClass() переключает добавление или удаление одного или нескольких классов у выбранных элементов.

Этот метод проверяет наличие указанного класса в каждом элементе. Если класса нет, он добавляется, если уже установлен, то удаляется. Это и есть эффект переключения.

Однако, используя параметр "switch", вы можете определить, добавлять или удалять класс.

Синтаксис

$().toggleClass(class,switch)
Параметры Описание
class

Обязательное. Определяет элемент, к которому нужно добавить или удалить класс.

Если нужно определить несколько классов, используйте пробелы для разделения имён классов.
switch Доступно. Булево значение. Определяет, добавлять или удалять класс.

Использование функции для переключения класса

$().toggleClass(function(index,class),switch)

Попробуйте сами

Параметры Описание
function(index,class)

Обязательное. Определяет функцию, которая определяет один или несколько классов, которые нужно добавить или удалить.

  • index - Доступно. Принимает индексное положение выборщика.
  • class - Доступно. Принимает текущий класс выборщика.
switch Доступно. Булево значение. Определяет, добавлять (true) или удалять (false) класс.

jQuery эффекты справочника