:animated Seçicisi

:animated seçicisi

Açıklama : Seçici çalıştırıldığı anda animasyon yapmakta olan tüm elemanları seçer.

jQuery( ":animated" ) Eklendiği Versiyon 1.2

Not : Eğer içinde effects modülü olmayan özel seçim bir jQuery kullanırsanız :animated seçicisi bir hata oluşturur.

İlave Notlar :

Seçici :animated standart CSS seçici olmayıp bir jQuery eklentisi olduğu için, :animated kullanan sorgular standart DOM querySelectorAll() metodu kadar performans vermez. En iyi performans için önce standart CSS seçicileri kullanıp sonra .filter(":animated") ile filtreleyiniz.

Örnekler:

Animasyon yapmakta olan <div> elemanların rengini değiştir.

<style>
   div {
      background: yellow;
      border: 1px solid #AAA;
      width: 80px; height: 80px;
      margin: 0 5px; float: left;
      }
   div.colored { background: green; }
</style>

<button id="run">Run</button>
 
<div></div>
<div id="mover"></div>
<div></div>

<script>
   $( "#run" ).on( "click", function() {
   $( "div:animated" ).toggleClass( "colored" );
   });
   
   function animateIt() {
   $( "#mover" ).slideToggle( "slow", animateIt );
   }
   
   animateIt();
</script>