jQuery :animated 选择器

实例

选择当前已设置动画的所有元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. function aniDiv(){
  8. $("div:eq(0)").animate({width: "50%"}, "slow");
  9. $("div:eq(0)").animate({width: "100%"}, "slow", aniDiv);
  10. }
  11. aniDiv();
  12. $(".btn1").click(function(){
  13. $(":animated").css("background-color", "red");
  14. });
  15. });
  16. </script>
  17. </head>
  18. <body>
  19. <button class="btn1">更改动画元素的颜色</button>
  20. <div style="background:blue;">Div 1</div>
  21. <div style="background:green;">Div 2</div>
  22. <div style="background:yellow;">Div 3</div>
  23. </body>
  24. </html>

定义与用法

:animated 选择器选择当前已设置动画的所有元素。


语法

  1. $(":animated")

分类导航