addClass()

посл. ред. 12.08.2016

Метод addClass() добавляет указанный класс всем элементам выборки. Если элемент уже имеет данный класс, повторно класс не добавится.

Варианты использования

jQ_object.addClass(класс) => jQuery: Добавляет указанный класс каждому элементу выборки. Можно указать несколько классов через пробел.
jQ_object.addClass(функция) => jQuery: Каждому элементу выборки добавляет класс (классы), возвращаемый указанной функцией. Данная функция выполняется для каждого элемента выборки отдельно. Функция должна возвращать строку, содержащую имена классов через пробел.
При запуске функции первым аргументом передаётся индекс элемента в выборке. Вторым аргументом передаётся строка с текущими классами элемента. Ссылка на сам элемент хранится в переменной this.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
  <style>
    .cl-border {border: 2px solid red;}
    .cl-font {font-size: 200%;}
  </style>
</head>
<body>
  <p>Параграф</p>
</body>
</html>
 
<script>
$('p').addClass('cl-border cl-font');
/* Добавление параграфу классов cl-border и cl-font */
</script>

Параграф