使用jQuery如何做div的背景色动画改变效果？
2个回答
展开全部
可以参照以下案例
$(".test").onclick = function(){
$(this).css({"background": "red"});
};
改为：
$(".test").click = function(){
$(this).css({"background-color": "red"});
};
jquery所有的事件绑定都没有on这个关键字。
另外，jquery的事件绑定需要放到readyfunction中去。
具体来说
<head>
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".test").click(function() {
$(this).css({"background-color": "red"});
});
});
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>
$(".test").onclick = function(){
$(this).css({"background": "red"});
};
改为：
$(".test").click = function(){
$(this).css({"background-color": "red"});
};
jquery所有的事件绑定都没有on这个关键字。
另外，jquery的事件绑定需要放到readyfunction中去。
具体来说
<head>
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".test").click(function() {
$(this).css({"background-color": "red"});
});
});
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
