jquery 改变颜色问题
<ul><li><aid="a"onclick="a('a');">1111111111111111111111111111</a></li><li><aid="b"on...
<ul>
<li><a id="a" onclick="a('a');">1111111111111111111111111111</a></li>
<li><a id="b" onclick="a('b');">2222222222222222222222222222</a></li>
<li><a id="c" onclick="a('c');">3222222222222222222222222222</a></li>
</ul>
怎么能让点击a连接后b、c连接无背景色 同理点击b或者c后 其他连接无背景色 展开
<li><a id="a" onclick="a('a');">1111111111111111111111111111</a></li>
<li><a id="b" onclick="a('b');">2222222222222222222222222222</a></li>
<li><a id="c" onclick="a('c');">3222222222222222222222222222</a></li>
</ul>
怎么能让点击a连接后b、c连接无背景色 同理点击b或者c后 其他连接无背景色 展开
3个回答
展开全部
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。
首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你个例子，跟你的要求不太一样，不过你可以按照我的改一下，给你代码，跑一下吧：
<html>
<head>
<script type="text/javascript" src=js/jquery.js></script>
<script type="text/javascript">
function changebg(id){
$("#a").css("background-color","white");
$("#b").css("background-color","white");
$("#c").css("background-color","white");
$("#"+id).css("background-color","red");
}
</script>
</head>
<body>
<ul>
<li><a id="a" onclick="changebg('a');">1111111111111111111111111111</a></li>
<li><a id="b" onclick="changebg('b');">2222222222222222222222222222</a></li>
<li><a id="c" onclick="changebg('c');">3222222222222222222222222222</a></li>
</ul>
</body>
</html>
<html>
<head>
<script type="text/javascript" src=js/jquery.js></script>
<script type="text/javascript">
function changebg(id){
$("#a").css("background-color","white");
$("#b").css("background-color","white");
$("#c").css("background-color","white");
$("#"+id).css("background-color","red");
}
</script>
</head>
<body>
<ul>
<li><a id="a" onclick="changebg('a');">1111111111111111111111111111</a></li>
<li><a id="b" onclick="changebg('b');">2222222222222222222222222222</a></li>
<li><a id="c" onclick="changebg('c');">3222222222222222222222222222</a></li>
</ul>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("ul li a").click(function(){
$(this).css("background-color","#123456").closest("li").siblings().find("a").css("background-color","#FFF");
});
其中，#123456是你要的背景颜色，#FFF是你默认的颜色，ul上最好加个id，用id选择器控制
$(this).css("background-color","#123456").closest("li").siblings().find("a").css("background-color","#FFF");
});
其中，#123456是你要的背景颜色，#FFF是你默认的颜色，ul上最好加个id，用id选择器控制
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
