Përzgjedhësi animated

Përzgjedhësi :animated zgjedh elementet që aktualisht janë të përfshirë në animacion. Nëse përdorni një montim jQuery të personalizuar pa modulin e efekteve, atëherë përdorimi i :animated do të shkaktojë një gabim. Meqenëse :animated nuk i përket specifikimit CSS, atëherë për të përmirësuar performancën në shfletuesit modernë është më mirë që fillimisht të filtrohen elementet duke përdorur një përzgjedhës të pastër css, dhe më pas të aplikoni .filter(':animated').

Sintaksa

Kështu ne zgjedhim elementet e përfshira në animacion:

$(':animated');

Shembull

Le të bëjmë që në një nga katrorët të niset një animacion me ndihmën e funksionit animateIt. Me çdo klikim në butonin me #change ngjyra e katrorit të animuar do ndryshojë nga e gjelbër në të kuqe dhe anasjelltas - duke hequr dhe shtuar klasën colored me metodën toggleClass:

<button id="change">change</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();

Shihni gjithashtu

metoda slideToggle,
e cila tregon elementet e fshehura dhe fsheh ato të shfaqura
metoda toggleClass,
e cila shton ose heq një klasë CSS
metoda find,
e cila kërkon elemente brenda atyre të gjetur tashmë