jQuery элементине класс кошуу
Эске сала кетейин, HTML коддогу
class
атрибутунда бир нече класс боштук
менен жазылышы мүмкүн.
Ойлонолуп көрөлү - сиз бар болгон
класстарды өчүрбөстөн, жаңы класс
кошкуңыз келет. Бул учурда, жөн эле
.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 классты кошуңуз.