为了账号安全,请及时绑定邮箱和手机立即绑定

求教一下关于jquery 改变颜色问题,下面是我的代码!

求教一下关于jquery 改变颜色问题,下面是我的代码!

皈依舞 2021-11-02 07:07:15
<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.

查看完整回答
反对 回复 2021-11-06
?
月关宝盒

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选择器控制

查看完整回答
反对 回复 2021-11-06
?
幕布斯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>


查看完整回答
反对 回复 2021-11-06
  • 3 回答
  • 0 关注
  • 511 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信