Как с помощью jQuery добавить CSS класс к элементу

7

Чтобы добавить класс выбранным элементам необходимо воспользоваться методом .addClass().

Добавление класса с помощью .addClass()

Метод jQuery .addClass() добавляет класс для каждого совпадающего элемента. При добавлении новых уже имеющиеся у элемента классы не удаляются.

$(".btn").click(() => {
    $(".header").addClass("active");
});

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

$(".btn").click(() => {
    $("h2").addClass("first second third");
});

Так же можно использовать синтаксис $("selector").addClass(function), чтобы указать функцию, которая возвращает имя одного или нескольких классов для добавления.

Для удаления классов используется метод .removeClass().
Теги

🔥 You may also like