关于javascript代码点击div更换CSS样式的问题，我想实现的效果是点击div后，div的背景色会变成另一种颜色
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=ut...
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击变样式</title>
<script src="http://www.codefans.net/ajaxjs/jquery-1.9.1.min.js"></script>
<style>
.listIcon
{float:left;margin:8px 0px 0 15px;height:25px;width:80px;background:#06F;border-radius:8px;}
.listIcon:hover{background:#000000;}
.listIcon .dianjihou
{background:#3F0;}
</style>
</head>
<body>
<div class="listIcon">
<a href="#" >点击变样式</a>
</div>
<script>
$(function(){
var listIcon = $(".listIcon");
listIcon.click(function(){
$(this).addClass("dianjihou").siblings().removeClass("dianjihou");
});
});
</script>
</body>
</html> 展开
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击变样式</title>
<script src="http://www.codefans.net/ajaxjs/jquery-1.9.1.min.js"></script>
<style>
.listIcon
{float:left;margin:8px 0px 0 15px;height:25px;width:80px;background:#06F;border-radius:8px;}
.listIcon:hover{background:#000000;}
.listIcon .dianjihou
{background:#3F0;}
</style>
</head>
<body>
<div class="listIcon">
<a href="#" >点击变样式</a>
</div>
<script>
$(function(){
var listIcon = $(".listIcon");
listIcon.click(function(){
$(this).addClass("dianjihou").siblings().removeClass("dianjihou");
});
});
</script>
</body>
</html> 展开
若以下回答无法解决问题，邀请你更新回答
1个回答
展开全部
这个很简单，改变一下style.background就可以了
追问
嗯，这个我已经设置了。
问题是我javascript那段代码写错了哪里？
还能再帮我看看么？
谢谢啦
追答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<script src="jquery.js"></script>
<style>
.listIcon
{
float:left;
margin:8px 0px 0 15px;
height:25px;
width:80px;
background:#06F;
border-radius:8px;
}
.listIcon:hover
{
background:#000000;
}
.listIcon.dianjihou
{
background:#3F0;
}
</style>
</head>
<body>
<div class="listIcon">
<a href="#" >点击变样式</a>
</div>
<script>
$(function(){
var listIcon = $(".listIcon");
listIcon.click(function(){
$(this).addClass("dianjihou").siblings().removeClass("dianjihou");
});
});
</script>
</body>
</html>
主要是你 .listIcon .dianjihou中间多了一个空格
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
