toggleClass()
jQuery toggleClass() metodi
Misol
Barcha <p> elementlari uchun "main" klass nomini qo‘shish va olib tashlash o‘rtasida almashlab turish:
$("button").click(function(){
$("p").toggleClass("main");
});
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
toggleClass() metodi tanlangan elementlarga bitta yoki bir nechta klass nomini qo‘shish va olib tashlash o‘rtasida almashlab turadi.
Bu metod har bir elementda belgilangan klass nomlari bor-yo‘qligini tekshiradi. Klass nomlari yo‘q bo‘lsa qo‘shiladi, allaqachon mavjud bo‘lsa olib tashlanadi — shu tariqa almashlab turish (toggle) effekti hosil bo‘ladi.
Biroq "switch" parametridan foydalanib, klass nomini faqat olib tashlash yoki faqat qo‘shishni belgilashingiz mumkin.
Sintaksis
$(selector).toggleClass(classname,function(index,currentclass),switch)
| Parametr | Tavsif |
|---|---|
| classname | Majburiy. Qo‘shiladigan yoki olib tashlanadigan bitta yoki bir nechta klass nomini belgilaydi. Bir nechta klassni ko‘rsatish uchun klass nomlarini bo‘sh joy bilan ajrating |
| function(index,currentclass) | Ixtiyoriy. Qo‘shiladigan/olib tashlanadigan bitta yoki bir nechta klass nomini qaytaradigan funksiyani belgilaydi
|
| switch | Ixtiyoriy. Klass faqat qo‘shilishi (true) yoki faqat olib tashlanishi (false) kerakligini belgilovchi Boolean qiymat |
O‘zingiz sinab ko‘ring — misollar
Klass nomini qo‘shish va olib tashlash o‘rtasida almashlab turish
Klass nomini qo‘shish va olib tashlash o‘rtasida almashlab turish uchun toggleClass() metodidan qanday foydalanish mumkin.
Funksiya yordamida klasslarni almashlab turish
Tanlangan elementlar uchun qaysi klass nomlari almashlanishi kerakligini belgilash uchun funksiyadan foydalanish.
switch parametridan foydalanish
Klass nomini faqat qo‘shish yoki faqat olib tashlash uchun switch parametridan qanday foydalanish mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!