# Добавление класса элементу в jQuery

Напоминаю, что в атрибуте `class` в HTML коде можно писать несколько классов через пробел.

Представим себе такую ситуацию - вы хотите добавить новый класс к имеющимся, не затерев их при этом. В этом случае, просто взять и сделать `.attr('class', 'new-class')` не получится (воспользовавшись методом `attr`) - вы затрете те классы, которые уже есть в атрибуте.

Можно, конечно же, сначала считать классы, которые там есть, затем добавить к ним наш класс через пробел и записать все обратно в атрибут, но есть способ проще - в jQuery для таких вещей предусмотрен метод `addClass`.

Метод `addClass` позволяет добавить класс элементу (или элементам), не затерев при этом другие классы. Класс, который вы хотите добавить в элемент, принимается параметром этого метода.

В следующем примере у нас есть элемент с двумя классами - `class="www zzz"`:

`<p class="www zzz" id="test">text</p>`

Мы можем добавить к нему еще и третий класс - `kkk`. В результате содержимое атрибута станет таким - `class="www zzz kkk"`:

`$('#test').addClass('kkk');`

HTML код станет выглядеть так:

`<p class="www zzz kkk" id="test">text</p>`

Добавьте всем `li` класс `test`.

← →
↑