:animated

选择所有正在执行动画的元素。

补充说明:

  • 由于 :animated 是 jQuery 扩展出来的，它并不是 CSS 规范中的一部分。当使用 :animated 时，并不会比使用原生的 DOM 方法 querySelectorAll() 性能好。为了达到高效的 :animated 元素选择，请优先使用纯 CSS 选择器 .filter(":animated") 。

示例:

改变正在执行动画的 div 的颜色。

<!DOCTYPE html>
<html>
<head>
<style>
  div { background:yellow; border:1px solid #AAA; width:80px; height:80px; margin:0 5px; float:left; }
  div.colored { background:green; }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

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

  <div></div>
  <div id="mover"></div>
  <div></div>

<script>



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


</script>
</body>
</html>

演示: