Метод jQuery addClass()

Методы HTML/CSS jQuery

Метод addClass() добавляет один или несколько классов к выбранному элементу.

Этот метод не удаляет существующие атрибуты класса, а только добавляет один или несколько классов к этому атрибуту.

Синтаксис:

Добавление класса:

$(selector).addClass(className)

Использование функции для добавления класса:

$(selector).addClass(function(index,　currentClass))

Пример

Добавление класса к первому <p> элементу:

$("button").click(function(){
　　$("p:first").addClass("highlight");
});

Одновременно можно добавить несколько классов (разделенных пробелами) к выбранному элементу, например:

$("button").click(function(){
　　$("p:first").addClass("highlight　big");
});

Использование функции для добавления класса:

$("p").addClass(function(index,　currentClass)　{
　　let　addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("У вас есть зеленый абзац");
　　}
　　return　addedClass;
});

Используйте removeClass() для удаления класса и addClass() для добавления нового класса:

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

Значение параметра

Методы HTML/CSS jQuery