Метод jQuery toggleClass()
Пример
Переключение между добавлением и удалением имени основного класса для всех элементов <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Определение и использование
Метод toggleClass() позволяет переключаться между добавлением и удалением одного или нескольких имен классов из выбранных элементов.
Этот метод проверяет каждый элемент на наличие указанных имен классов. Имена классов добавляются, если они отсутствуют, и удаляются, если они уже установлены. Это создает эффект переключения.
Однако, используя параметр «переключатель», вы можете указать, что нужно только удалить или только добавить имя класса.
Синтаксис
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Description |
---|---|
classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Попробуйте сами — примеры
Как использовать метод toggleClass() для переключения между добавлением и удалением имени класса.
Использование функции для указания того, какие имена классов следует переключать для выбранных элементов.
Как использовать параметр-переключатель только для добавления или удаления имени класса.