Njia addClass
Njia addClass huongeza
darasa maalum la CSS kwa kipengele.
Syntax
Darasa moja la CSS:
$(kichaguzi).addClass(jina la darasa la CSS);
Madarasa mengi ya CSS (kwa mfumo wa mstari):
$(kichaguzi).addClass('darasa1 darasa2 darasa3 ...');
Madarasa mengi ya CSS (kwa mfumo wa safu):
$(kichaguzi).addClass(['darasa1', 'darasa2', 'darasa3', '...']);
Kutumia kitendakazi kwa kila kipengele katika seti:
$(kichaguzi).addClass(function(namba katika seti, madarasa ya sasa ya CSS ya kipengele));
Mfano
Aya yetu haina madarasa kabisa. Wacha
tuiongezee darasa www:
<p id="test">maandishi</p>
$('#test').addClass('www');
Msimbo wa HTML utaonekana hivi:
<p id="test" class="www">maandishi</p>
Mfano
Aya yetu tayari ina darasa. Wacha tuiongezee
darasa www pia:
<p id="test" class="eee">maandishi</p>
$('#test').addClass('www');
Msimbo wa HTML utaonekana hivi:
<p id="test" class="eee www">maandishi</p>
Mfano
Aya yetu tayari ina madarasa mawili. Wacha
tuiongezee darasa www pia:
<p id="test" class="eee ggg">maandishi</p>
$('#test').addClass('www');
Msimbo wa HTML utaonekana hivi:
<p id="test" class="eee ggg www">maandishi</p>
Mfano
Aya yetu tayari ina darasa. Wacha tuiongezee
madarasa mawili - www na ggg:
<p id="test" class="eee">maandishi</p>
$('#test').addClass('www ggg');
Msimbo wa HTML utaonekana hivi:
<p id="test" class="eee www ggg">maandishi</p>
Angalia Pia
-
njia
removeClass,toggleClass,hasClass -
Sifa ya JavaScript
classlist,
ambayo inaweza kutumika kuongeza na kuondoa madarasa ya CSS ya kipengele kwa JavaScript safi