Kuondoa na Kuongeza Darasa kwa Ukali kwa kutumia toggleClass katika jQuery
Pia kwenye toggleClass unaweza kupitisha
kigezo cha hali, kama true au false,
basi darasa litakuwa ama linaongezwa tu, au
linaondolewa tu.
Wacha tuwe na madarasa yafuatayo ya CSS:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Darasa zzz linatumika kwa aya:
<p class="zzz" id="test">nakala</p>
<button>bonyeza</button>
Wacha tuongeze darasa red tu
wakati wa kubonyeza:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Kama unavyoona, hakuna mabadiliko yoyote yanatokea wakati wa kubonyeza tena.
Njia zote tatu zilizotajwa za kufanya kazi
na madarasa - addClass,
removeClass,
toggleClass
zinaweza pia kukubali madarasa kadhaa kama kigezo,
na pia huruhusu utumiaji wa kitendakazi kwa kila kipengele katika seti.
Rekebisha mfano wa kanuni uliopewa hapo juu - awali
andika darasa red kwenye sifa na kisha fanya
ivyo darasa red liwe linaondolewa tu.
