jQuery-da toggleClass metodi yordamida klassni qat'iy o'chirish va qo'shish
Shuningdek, toggleClass ga
true yoki false holat parametrini berish mumkin,
shunda klass faqat qo'shiladi yoki
faqat o'chiriladi.
Bizda quyidagi CSS klasslari mavjud deb faraz qilaylik:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Abzasga zzz klassi qo'llaniladi:
<p class="zzz" id="test">matn</p>
<button>bosing</button>
Keling, bosilganda faqat red klassini qo'shamiz:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Ko'rib turganingizdek, qayta bosilganda hech qanday o'zgarishlar bo'lmaydi.
Klasslar bilan ishlash uchun ko'rsatilgan uchala metod - addClass,
removeClass,
toggleClass
shuningdek, parametr sifatida bir nechta klassni qabul qilishi mumkin,
va to'plamdagi har bir elementga funktsiya qo'llash imkonini beradi.
Yuqoridagi kod misolini tuzating - dastlab
red klassini atributga yozing va keyin
red klassi faqat o'chiriladigan qiling.
