本文通过实例演示了jQuery中$(selector:animated)仅能筛选出已绑定animate方法的元素，而无法捕捉到通过setInterval等自定义实现动画效果的元素。
1、问题描述：在我之前的影像中，我一直认为$("selector:animated")可以获取所有有效果的元素、今天发现这个只能对那些已经绑定animate方法的元素进行筛选、不能对自定义的效果（例如用setInterval实现的）进行筛选。
2、结果验证：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
width: 100px;
height: 100px;
margin: 10px;
border: 1px red solid;
position: absolute;
top: 50px;
}
#box2{
top: 300px;
}
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
<button id="btn">anniu</button>
</body>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var index =0;
$("#box1").animate({
left: "+=400",
},5000)
setInterval(function(){
index++;
$("#box2").css({
left: index*20,
})
},100)
$("#btn").click(function(){
$("div:animated").css({
"background-color": "red",
})
})
})
</script>
</html>
扫一扫
1115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
