<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>怎么能讓點(diǎn)擊a連接后b、c連接無(wú)背景色 同理點(diǎn)擊b或者c后 其他連接無(wú)背景色
3 回答
慕神8447489
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊
改變顏色，常用的就這幾個(gè)：字體顏色（color）、背景顏色（background-color）、邊框顏色(border-color)。
首先是觸發(fā)事件，這個(gè)可以有也可以沒(méi)有，如果有觸發(fā)事件比如點(diǎn)擊按鈕才會(huì)觸發(fā)，如果沒(méi)有，那么頁(yè)面加載之后自動(dòng)就會(huì)改變顏色
然后就是通過(guò)JQ改變顏色，那么必須先獲取這個(gè)元素，可以通過(guò)class、id、標(biāo)簽名稱(chēng)（當(dāng)然這3個(gè)是常用的，還有非常多的選擇方式），：比如$('.btn')、$('#btn')、$('div');
實(shí)現(xiàn)語(yǔ)句就是$('.btn').css('color','#777'),這段代碼的意思就是class為btn的元素字體顏色改為#777.
月關(guān)寶盒
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個(gè)贊
$("ul li a").click(function(){
$(this).css("background-color","#123456").closest("li").siblings().find("a").css("background-color","#FFF");
});
其中，#123456是你要的背景顏色，#FFF是你默認(rèn)的顏色，ul上最好加個(gè)id，用id選擇器控制
幕布斯6054654
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
給你個(gè)例子，跟你的要求不太一樣，不過(guò)你可以按照我的改一下，給你代碼，跑一下吧：
<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 關(guān)注
- 567 瀏覽
添加回答
舉報(bào)
0/150
提交
取消