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