有十个div，怎样实现选中其中一个，改变其背景色，另外九个不变，当选中另一个时又改变另一个的背景色

Question

有十个div，怎样实现选中其中一个，改变其背景色，另外九个不变，当选中另一个时又改变另一个的背景色，就是控制一次只能选一个，只能对一个操作，还有就是div不定数量时怎样实现一次只能点选一个

Answer 1

这个是jq写的，可以自己下载一个js库，配上这个就可以了，里面的div可以用class控制，比如你10个div class为a1 也就是<div class="a1"></div>*10
那div的地方要替换成.a1
$(document).ready(function(){
$(".a1").click(function(){
$(".a1").css({"background":none});//设置所有div无背景色

$(this).css({"background":"#ff0000"});//设置当前点击div背景色为红色，色号#ff0000

});

});

Answer 2

有好几种方法，分享个简单的给你。
<script type="text/javascript">
function bgshow(tagi){
if (tagi.style.display == "none") {
tagi.style.background = "#000000"; //这里填写颜色
}else{
tagi.style.background = "#ffffff"; //颜色
}
}
</script>
<div id="x1" onmouseover="bgshow(x1)">111</div>
<div id="x2" onmouseover="bgshow(x2)">222</div>
<div id="x3" onmouseover="bgshow(x3)">333</div>

如果你的DIV把不是特殊用途的话，那就直接用样式就可以啦
<style>
.x1{ background:#000}
.x2{ background:#fff}
</style>

<div onmouseover="className='x1'" onmouseout="className='x2'">111</div>

追问

这样增加一个div就得给它一个id=x？我要是想做不定div数量时怎么做，

追答

哦。那个也简单。我等下给你一个万能代码
我以为你指做简单几个的

Answer 3

选一次清理一次，选之前把所有的style属性回复到原来的，然后再设置选择的当前的那个style