Metod toggleClass
Metod toggleClass CSS klassini qo'shish/o'chirishni almashtiradi:
agar yo'q bo'lsa - qo'shadi, bor bo'lsa - o'chiradi.
Sintaksis
Bitta CSS klass:
$(selektor).toggleClass(klass nomi);
Faqat qo'shish yoki o'chirish CSS klass ikkinchi parametrga bog'liq holda,
u true yoki false qiymatlarini qabul qiladi:
$(selektor).toggleClass(CSS klass nomi, holat);
Bir nechta CSS klasslar:
$(selektor).toggleClass(['klass1', 'klass2', 'klass3', '...']);
Faqat qo'shish yoki o'chirish CSS klasslar ikkinchi parametrga bog'liq holda:
$(selektor).toggleClass(['klass1', 'klass2', 'klass3', '...'], holat');
Funksiyani har bir elementga to'plamda qo'llash,
holat true yoki false bo'lishi mumkin,
va metodga faqat qo'shish yoki faqat o'chirish
CSS klassni ko'rsatadi:
$(selektor).toggleClass(function(to'plamdagi raqam, elementning joriy klasslari, holat), [holat]);
Misol
Bizning abzatsda allaqachon ikkita klass bor. Keling
unga yana www klassini qo'shamiz:
<p id="test" class="eee ggg">matn</p>
$('#test').toggleClass('www');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="eee ggg www">matn</p>
Misol
Endi www klass elementi allaqachon mavjud
- keling uni o'chiramiz:
<p id="test" class="eee ggg www">matn</p>
$('#test').toggleClass('www');
HTML kod shunday ko'rinishga keladi:
<p id="test" class="eee ggg">matn</p>
Shuningdek qarang
-
metodlar
addClass,removeClass,hasClass -
JavaScript xususiyati
classList,
uning yordamida klassni qo'shish/o'chirishni almashtirish mumkin sof JavaScript da
