jQuery'de Bir Öğeye Sınıf Ekleme
Hatırlatma olarak, HTML kodundaki
class
niteliğine boşlukla ayırarak birden fazla
sınıf yazılabilir.
Şöyle bir durum hayal edelim - mevcut sınıfları
silmeden, onlara yeni bir sınıf eklemek
istiyorsunuz. Bu durumda, sadece
.attr('class', 'new-class')
yapmak (attr
yöntemini kullanarak) işe yaramaz - nitelikte
zaten var olan sınıfların üzerine yazarsınız.
Elbette, önce orada bulunan sınıfları okuyup,
sonra onlara sınıfımızı bir boşlukla ekleyip
ve hepsini tekrar niteliğe yazabilirsiniz,
ama daha kolay bir yolu var - jQuery'de
bu tür şeyler için addClass
yöntemi sağlanmıştır.
addClass yöntemi, bir öğeye (veya öğelere)
diğer sınıfları silmeden sınıf eklemenize
izin verir. Öğeye eklemek istediğiniz sınıf,
bu yöntemin parametresi olarak alınır.
Aşağıdaki örnekte, iki sınıfı olan bir öğemiz
var - class="www zzz":
<p class="www zzz" id="test">text</p>
Ona üçüncü bir sınıf da ekleyebiliriz -
kkk. Sonuç olarak niteliğin içeriği
şöyle olacaktır - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kodu şu şekilde görünecektir:
<p class="www zzz kkk" id="test">text</p>
Tüm li öğelerine test sınıfını ekleyin.
