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":

html<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:

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

HTML kodi quyidagicha ko'rinadi:

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