Pemilih animated

Pemilih :animated memilih elemen yang pada masa ini terlibat dalam animasi. Jika anda menggunakan binaan jQuery tersuai tanpa modul kesan, maka penggunaan :animated akan menyebabkan ralat. Oleh kerana :animated tidak tergolong dalam spesifikasi CSS, untuk meningkatkan prestasi dalam pelayar moden adalah lebih baik untuk menapis elemen terlebih dahulu dengan menggunakan pemilih css tulen, dan kemudian mengaplikasikan .filter(':animated').

Sintaks

Beginilah cara kami memilih elemen yang terlibat dalam animasi:

$(':animated');

Contoh

Mari kita buat supaya pada satu daripada segi empat animasi dilancarkan menggunakan fungsi animateIt. Pada setiap klik pada butang dengan #change warna segi empat yang dianimasikan akan berubah daripada hijau kepada merah dan sebaliknya - melalui pembuangan dan penambahan kelas colored dengan kaedah 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();

Lihat juga

kaedah slideToggle,
yang menunjukkan elemen tersembunyi dan menyembunyikan elemen yang ditunjukkan
kaedah toggleClass,
yang menambah atau membuang kelas CSS
kaedah find,
yang mencari elemen di dalam elemen yang telah dijumpai