addClass metodi
addClass metodi
berilgan CSS klassini elementga qo'shadi.
Sintaksis
Bitta CSS klass:
$(selektor).addClass(CSS klass nomi);
Bir nechta CSS klasslar (satr sifatida):
$(selektor).addClass('class1 class2 class3 ...');
Bir nechta CSS klasslar (massiv sifatida):
$(selektor).addClass(['class1', 'class2', 'class3', '...']);
Har bir elementga funktsiyani qo'llash:
$(selektor).addClass(function(to'plamdagi tartib raqami, elementning joriy CSS klasslari));
Misol
Bizning abzatda hech qanday klass yo'q. Keling
unga www klassini qo'shamiz:
<p id="test">matn</p>
$('#test').addClass('www');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="www">matn</p>
Misol
Bizning abzatda allaqachon klass mavjud. Keling unga
yana www klassini qo'shamiz:
<p id="test" class="eee">matn</p>
$('#test').addClass('www');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="eee www">matn</p>
Misol
Bizning abzatda allaqachon ikkita klass mavjud. Keling
unga yana www klassini qo'shamiz:
<p id="test" class="eee ggg">matn</p>
$('#test').addClass('www');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="eee ggg www">matn</p>
Misol
Bizning abzatda allaqachon klass mavjud. Keling unga
yana ikkita klass - www va ggg ni qo'shamiz:
<p id="test" class="eee">matn</p>
$('#test').addClass('www ggg');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="eee www ggg">matn</p>
Shuningdek qarang
-
removeClass,toggleClass,hasClassmetodlari -
JavaScript xususiyati
classlist,
uning yordamida toza JavaScript da elementning CSS klasslarini qo'shish va o'chirish mumkin
