Даданне класа элементу ў 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.