.addClass()

17.05.2023
217
Узнайте как использовать метод .addClass() в jQuery для добавления классов к элементам DOM на веб-страницах и удалить классы, чтобы легко управлять стилями своих элементов.

.addClass() в jQuery

Метод .addClass() в jQuery используется для добавления одного или нескольких классов к выбранным элементам DOM. Для использования этого метода необходимо сначала выбрать элементы DOM, к которым вы хотите добавить классы. Вы можете сделать это с помощью различных методов выбора элементов, например, .class, #id, :first и т.д.

Как использовать .addClass()

Предположим, у вас есть элемент div с классом box. Если вы хотите добавить класс highlight к этому элементу, вы можете использовать следующий синтаксис:

$("div.box").addClass("highlight");

Это добавит класс highlight к элементу div с классом box.

Вы также можете добавлять несколько классов к одному элементу DOM, просто перечисляя их через пробел в аргументе .addClass(), например:

$("div.box").addClass("highlight large-text");

Это добавит два класса, highlight и large-text, к элементу div с классом box.

Удаление классов с помощью .removeClass()

Вы также можете удалять классы с помощью метода .removeClass(). Для этого вам также необходимо выбрать элементы DOM, к которым вы хотите удалить классы, и вызвать метод .removeClass() с аргументом, содержащим имена классов, которые вы хотите удалить. Например:

$("div.box").removeClass("highlight");

Это удалит класс highlight из элемента div с классом box.

Заключение

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