<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后 其他连接无背景色
3 回答
慕神8447489
TA贡献1780条经验 获得超1个赞
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。
首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
月关宝盒
TA贡献1772条经验 获得超5个赞
$("ul li a").click(function(){
$(this).css("background-color","#123456").closest("li").siblings().find("a").css("background-color","#FFF");
});
其中，#123456是你要的背景颜色，#FFF是你默认的颜色，ul上最好加个id，用id选择器控制
幕布斯6054654
TA贡献1876条经验 获得超7个赞
给你个例子，跟你的要求不太一样，不过你可以按照我的改一下，给你代码，跑一下吧：
<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>
- 3 回答
- 0 关注
- 495 浏览
添加回答
举报
0/150
提交
取消