求教一下关于jquery 改变颜色问题，下面是我的代码！
<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后 其他连接无背景色
皈依舞浏览 512回答 3
3回答
-
慕神8447489
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777. -
月关宝盒
$("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
给你个例子，跟你的要求不太一样，不过你可以按照我的改一下，给你代码，跑一下吧：<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>
随时随地看视频慕课网APP
JQuery
Sass/Less