Mbinu ya toggleClass
Mbinu toggleClass hubadilishana kuongeza/kuondoa
darasa la CSS: ikiwa halipo - itaongeza, ikiwa lipo - itaondoa.
Syntax
Darasa moja la CSS:
$(kichaguzi).toggleClass(jina la darasa);
Kuongeza tu au kuondoa darasa la CSS kulingana
na kigezo cha pili, ambacho huchukua thamani
true au false:
$(kichaguzi).toggleClass(jina la darasa la CSS, hali);
Madarasa mengi ya CSS:
$(kichaguzi).toggleClass(['darasa1', 'darasa2', 'darasa3', '...']);
Kuongeza tu au kuondoa madarasa ya CSS kulingana na kigezo cha pili:
$(kichaguzi).toggleClass(['darasa1', 'darasa2', 'darasa3', '...'], hali');
Kutumia kitendakazi kwa kila kipengele katika seti,
hali inaweza kuwa true au false,
na inaonyesha mbinu - kuongeza tu au kuondoa tu
darasa la CSS:
$(kichaguzi).toggleClass(function(namba katika seti, madarasa ya sasa ya kipengele, hali), [hali]);
Mfano
Aya yetu tayari ina madarasa mawili. Wacha
tuongeze darasa www:
<p id="test" class="eee ggg">maandishi</p>
$('#test').toggleClass('www');
Msimbo wa HTML utaonekana kama hivi:
<p id="test" class="eee ggg www">maandishi</p>
Mfano
Sasa darasa www tayari lipo kwenye kipengele
- wacha tuliondoe:
<p id="test" class="eee ggg www">maandishi</p>
$('#test').toggleClass('www');
Msimbo wa HTML utaonekana kama hivi:
<p id="test" class="eee ggg">maandishi</p>
Angalia Pia
-
mbinu
addClass,removeClass,hasClass -
Sifa ya JavaScript
classList,
ambayo kwa kutumia hiyo unaweza kubadilishana kuongeza/kuondoa darasa kwenye JavaScript safi
