Animated selektorius

Selektorius :animated pasirenka elementus, kurie šiuo metu dalyvauja animacijoje. Jei naudojate nestandartinę jQuery surinkimą be efektų modulio, tai :animated naudojimas sukels klaidą. Kadangi :animated nepriklauso CSS specifikacijai, norint pagerinti našumą šiuolaikiniuose naršyklėse, geriausia iš pradžių išfiltruoti elementus naudojant gryną CSS selektorių, o tada taikyti .filter(':animated').

Sintaksė

Taip mes pasirenkame elementus, dalyvaujančius animacijoje:

$(':animated');

Pavyzdys

Padarykime taip, kad viename iš kvadratų būtų paleista animacija naudojant funkciją animateIt. Paspaudus mygtuką su #change, animuoto kvadrato spalva bus keičiama iš žalios į raudoną ir atgal - per pašalinimą ir pridėjimą klasės colored metodu 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();

Taip pat žiūrėkite

metodas slideToggle,
kuris rodo paslėptus elementus ir slepia parodytus
metodas toggleClass,
kuris prideda arba pašalina CSS klasę
metodas find,
kuris ieško elementų jau rastų elementų viduje