在 jQuery 中，:animated 选择器用于选择当前正在执行动画的元素。这个选择器非常有用，可以帮助我们对动画效果进行控制和管理。在本篇文章中，我将详细介绍:animated 选择器的用法以及示例代码。
用法
:animated 选择器是 jQuery 提供的一个特殊选择器，用于选择当前正在执行动画的元素。当我们使用 jQuery 动画效果时，比如 fadeIn()、fadeOut()、slideUp()、slideDown() 等，这些元素就会被标记为正在执行动画的元素。我们可以使用:animated 选择器来选择这些元素，进而对它们进行操作。
示例代码
下面是一个简单的示例代码，演示了如何使用:animated 选择器选择正在执行动画的元素，并改变它们的背景色：
--------- -----
----- ----------
------
----- ----------------
----- --------------- ---------------------------- -------------------
------------- --------- -----------
------- ----------------------------------------------------------------------------
-------
---- -
------ ------
------- ------
----------------- -----
------- -----
-------- -------------
-
--------
-------
------
---- ------------------
---- ------------------
------- ------------------------
------- -----------------------
--------
---------------------------- -
---------------------------- -
-----------------------
---
--------------------------- -
--------------------------------------------- --------
---
---
---------
-------
-------在上面的示例代码中，我们定义了两个盒子元素和两个按钮。当点击“开始动画”按钮时，盒子元素会执行淡入动画；当点击“停止动画”按钮时，正在执行动画的元素的背景色会变为蓝色。
总结
通过:animated 选择器，我们可以方便地选择当前正在执行动画的元素，对它们进行操作。这对于动态网页的开发非常有用，可以帮助我们更好地控制和管理动画效果。希望本篇文章对你有所帮助，谢谢阅读！