<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 關注
- 558 瀏覽
添加回答
舉報
0/150
提交
取消