animated是否选中
在下面的代码中，好像animated选择器并没有选中任何元素，打印被选元素结果的length为0，设置样式也无效。为什么没有选中？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动画</title>
<style type="text/css">
div{
width: 100px;
background: lightblue;
}
input{
display: block;
position: absolute;
top:120px;
}
.red{
background: red;
}
</style>
</head>
<body>
<div id="id" style="height: 100px;"></div>
<input type="button">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
var a=document.getElementById('id');
var b=parseInt(a.style.height);
var t=null;
var timer=null;
function ade() {
t=setInterval(function() {
b--;
a.style.height=b+'px';
if(b==0){
clearInterval(t);
add();
}
},10)
}
ade()
function add() {
timer=setInterval(function() {
b++;
a.style.height=b+'px';
if (b==100) {
clearInterval(timer);
ade()
}
},10)
}
console.log($('div:animated'))
$('div:animated').addClass('red');
</script>
</body>
</html>
正在回答
同学你好，:animated 选择器的用法是：选取当前的所有动画元素；
这里虽然实现了效果。但是你使用的不是动画完成的效果，所以不能使用:animated 选择器获取不到哦。
关于js获取元素，只是因为这里引入的jquery，且下面输出也是jQuery，所以建议你可以直接使用jQuery来获取。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星