首页 > 代码库 > 有十个div,怎样实现选中其中一个,改变其背景色,另外九个不变,当选中另一个时又改变另一个的背景色

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

这个是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

});

});

效果如下图

技术分享

 

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