animated
<!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;
}
</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;
t=setInterval(function() {
b--;
a.style.height=b+'px';
if(b==0){
b=100
}
},20)
$('input').click(function() {
$(':animated').css('background','red')
})
</script>
</body>
</html>
点击后并没有设置的效果，什么原因呢
正在回答
同学你好，:animated 选择器的用法是：选取当前的所有动画元素，根据你的代码，想要实现背景变红色的效果，可以使用jq中的.animiate()动画来实现。
参考下面代码：
可以测试一下哦，如果帮助到了你，欢迎采纳。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星