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:

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

Darasa zzz linatumika kwa aya:

html<p class="zzz" id="test">nakala</p>
<button>bonyeza</button>

Wacha tuongeze darasa red tu wakati wa kubonyeza:

javascript$('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.