jQuery-də elementə sinif əlavə etmək
Xatırladım ki, HTML kodunda
class
atributunda bir neçə sinifi boşluqla yazmaq olar.
Təsəvvür edək ki, siz mövcud sinifləri silmədən,
onlara yeni sinif əlavə etmək istəyirsiniz. Bu halda,
sadəcə .attr('class', 'new-class')
etmək olmaz (attr
metodundan istifadə edərək)
- siz artıq atributda olan sinifləri sileceksiniz.
Əlbəttə ki, əvvəlcə orada olan sinifləri oxuyıb,
sonra onlara bizim sinifi boşluqla əlavə edib
və hamısını geri atributa yazmaq olar,
amma daha asan bir yol var - jQuery-də
bunun üçün addClass
metodu nəzərdə tutulub.
addClass metodu elementə (və ya elementlərə)
digər sinifləri silmədən sinif əlavə etməyə imkan verir.
Elementə əlavə etmək istədiyiniz sinif bu metodun parametri kimi qəbul edilir.
Aşağıdakı nümunədə bizim iki sinifi olan element var -
class="www zzz":
<p class="www zzz" id="test">mətn</p>
Biz ona üçüncü sinifi də əlavə edə bilərik -
kkk. Nəticədə atribunun tərkibi
bunun kimi olacaq - class="www zzz kkk":
$('#test').addClass('kkk');
HTML kodu belə görünəcək:
<p class="www zzz kkk" id="test">mətn</p>
Bütün li elementlərə test sinfini əlavə edin.
