jQuery-da elementga class qo'shish
Eslatib o'taman, HTML kodidagi
class
atributida bir nechta
classlarni probel orqali yozish mumkin.
Keling shunday vaziyatni tasavvur qilaylik - siz
mavjud classlarga yangisini qo'shmoqchisiz, lekin
ularni o'chirmasdan. Bunday holda, shunchaki
.attr('class', 'new-class')
qilib bo'lmaydi (attr
usulidan foydalangan holda)
- siz atributda allaqachon mavjud bo'lgan classlarni
o'chirib yuborasiz.
Albatta, avval u erda mavjud bo'lgan classlarni
o'qib olish, keyin ularga yangi classni probel
orqali qo'shish va hammasini qaytadan atributga
yozish mumkin, ammo soddaroq usuli bor - jQuery-da
bunday ishlar uchun addClass
usuli mavjud.
addClass usuli elementga (yoki elementlarga)
class qo'shish imkonini beradi, bunda boshqa
classlar o'chmaydi. Siz elementga qo'shmoqchi
bo'lgan class ushbu usulning parametri sifatida qabul qilinadi.
Quyidagi misolda bizda ikkita classli element bor -
class="www zzz":
<p class="www zzz" id="test">text</p>
Biz unga uchinchi classni ham qo'shishimiz mumkin -
kkk. Natijada atribut tarkibi
class="www zzz kkk" ko'rinishiga keladi:
$('#test').addClass('kkk');
HTML kodi quyidagicha ko'rinadi:
<p class="www zzz kkk" id="test">text</p>
Barcha li elementlarga test classini qo'shing.