
jquery 点击一个div时,第一次点击更换div背景,第二次点击,背景变成原来的,这个该怎么实现
6个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="http://www.jiniannet.com/Resources/Script/JQuery.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="test" style="background-color:Green">click me</div>
<script type="text/javascript">
$("#test").click(function(){
var color =$(this).data("color");
if(!color){
color="#f00";
}
$(this).data("color",$(this).css("backgroundColor")).css("backgroundColor",color);
})
</script>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="http://www.jiniannet.com/Resources/Script/JQuery.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="test" style="background-color:Green">click me</div>
<script type="text/javascript">
$("#test").click(function(){
var color =$(this).data("color");
if(!color){
color="#f00";
}
$(this).data("color",$(this).css("backgroundColor")).css("backgroundColor",color);
})
</script>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询