Метод addClass
Метод addClass добавляет
заданный CSS класс элементу.
Синтаксис
Один CSS класс:
$(селектор).addClass(имя CSS класса);
Несколько CSS классов (строкой):
$(селектор).addClass('класс1 класс2 класс3 ...');
Несколько CSS классов (массивом):
$(селектор).addClass(['класс1', 'класс2', 'класс3', '...']);
Применение функции к каждому элементу в наборе:
$(селектор).addClass(function(номер в наборе, текущие CSS классы элемента));
Пример
У нашего абзаца совсем нет классов. Давайте
добавим ему класс www:
<p id="test">text</p>
$('#test').addClass('www');
HTML код станет выглядеть так:
<p id="test" class="www">text</p>
Пример
У нашего абзаца уже есть класс. Давайте добавим
ему еще и класс www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML код станет выглядеть так:
<p id="test" class="eee www">text</p>
Пример
У нашего абзаца уже есть два класса. Давайте
добавим ему еще и класс www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML код станет выглядеть так:
<p id="test" class="eee ggg www">text</p>
Пример
У нашего абзаца уже есть класс. Давайте добавим
ему еще два класса - www и ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML код станет выглядеть так:
<p id="test" class="eee www ggg">text</p>
Смотрите также
-
методы
removeClass,toggleClass,hasClass -
JavaScript свойство
classlist,
с помощью которого можно добавлять и удалять CSS классы элемента на чистом JavaScript
