jQuery 选择器(:animated)详解 - CodePlayer

原创 jQuery 选择器(:animated)详解

3132 次浏览读完需要≈ 3 分钟

jQuery的:animated选择器用于匹配所有正在执行动画效果的元素，将其封装为jQuery对象并返回。

jQuery1.2 新增该选择器。

jQuery( ":animated" )

返回封装了所有正在执行动画效果的元素的jQuery对象。

如果找不到任何相应的匹配，则返回一个空的jQuery对象。

以下面这段HTML代码为例：

<div id="n1">
	<div id="n2" style="width: 100px; height: 100px; border: 1px solid red;"></div>
	<div id="n3"></div>
</div>

现在，我们让id为n2的div元素执行动画效果，然后使用:animated选择器匹配正在执行动画效果的该元素，对应的jQuery代码如下：

// 让n2执行动画效果
$("#n2").animate({width: "500px"}, "slow");
// 选择了id为n2的一个元素
$(":animated");

原创 jQuery 选择器(:animated)详解