Kichaguzi animated

Kichaguzi :animated huchagua vipengee ambavyo kwa sasa vinahusika katika uhuishaji. Ikiwa unatumia usanidi maalum wa jQuery bila moduli ya athari, basi matumizi ya :animated yatasababisha hitilafu. Kwa kuwa :animated haihusiani na uainishaji wa CSS, ili kuboresha utendaji katika vivinjari vya kisasa ni bora mwanzo uchunge vipengee kwa kutumia kichaguzi safi cha css, na kisha utumie .filter(':animated').

Sarufi

Hivi ndivyo tunavyochagua vipengee vinavyohusika katika uhuishaji:

$(':animated');

Mfano

Wacha tufanye ili kwenye moja ya miraba ihuishwe kwa kutumia kitendo animateIt. Kwa kila kubofya kitufe chenye #change rangi ya mraba unaohuishwa ita badilika kutoka kijani hadi nyekundu na kurudi - kwa kufutwa na kuongezewa kwa darasa colored kwa mbinu ya toggleClass:

<button id="change">badilisha</button>

<div></div>
<div id="test"></div>

div {
	background: green;
	border: 1px solid #AAA;
	width: 80px;
	height: 80px;
	margin: 0 5px;
	float: left;
}
div.colored {
	background: red;
}

$('#change').click(function() {
	$('div:animated').toggleClass('colored');
});

function animateIt() {
	$('#test').slideToggle('slow', animateIt);
}

animateIt();

Angalia pia

mbinu slideToggle,
ambayo inaonyesha vipengee vilivyofichwa na kuficha vilivyoonyeshwa
mbinu toggleClass,
ambayo huongeza au kufuta darasa la CSS
mbinu find,
ambayo hutafuta vipengee ndani ya vilivyopatikana tayari