Метод jQuery addClass()

❮ Методы HTML/CSS jQuery

Пример

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

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

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

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

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

Совет: Чтобы добавить более одного класса, разделяйте имена классов пробелами.


Синтаксис

$(selector).addClass(classname,function(index,currentclass))

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

Попробуйте сами — примеры


Как добавить два имени класса к указанному элементу.


Как добавить классы к выбранным элементам с помощью функции.


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


❮ Методы HTML/CSS jQuery