addClass metodi

addClass metodi berilgan CSS klassini elementga qo'shadi.

Sintaksis

Bitta CSS klass:

javascript$(selektor).addClass(CSS klass nomi);

Bir nechta CSS klasslar (satr sifatida):

javascript$(selektor).addClass('class1 class2 class3 ...');

Bir nechta CSS klasslar (massiv sifatida):

javascript$(selektor).addClass(['class1', 'class2', 'class3', '...']);

Har bir elementga funktsiyani qo'llash:

javascript$(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:

html<p id="test">matn</p>

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

HTML kod shunday ko'rinishga keladi:

html<p id="test" class="www">matn</p>

Misol

Bizning abzatda allaqachon klass mavjud. Keling unga yana www klassini qo'shamiz:

html<p id="test" class="eee">matn</p>

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

HTML kod shunday ko'rinishga keladi:

html<p id="test" class="eee www">matn</p>

Misol

Bizning abzatda allaqachon ikkita klass mavjud. Keling unga yana www klassini qo'shamiz:

html<p id="test" class="eee ggg">matn</p>

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

HTML kod shunday ko'rinishga keladi:

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

html<p id="test" class="eee">matn</p>

javascript$('#test').addClass('www ggg');

HTML kod shunday ko'rinishga keladi:

html<p id="test" class="eee www ggg">matn</p>

Shuningdek qarang