Добавление класса элементу в 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.