Latest web development tutorials

метод JQuery toggleClass ()

JQuery HTML / CSS методы JQuery HTML / CSS методы

примеров

Чтобы добавить и удалить все элементы <p> в "основной" класса коммутации:

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

Попробуйте »

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

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

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

Тем не менее, с помощью параметра "переключатель", вы можете добавлять или удалять только положения только в класс.


грамматика

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


примеров

Другие примеры

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

Используйте функцию для переключения класса
Используйте функцию, для которой положения текущего элемента, необходимого для переключения имя класса.

Переключатель С помощью параметра
Как использовать параметр-переключатель, чтобы только добавить или удалить имя класса.


JQuery HTML / CSS методы JQuery HTML / CSS методы