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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有十个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,怎样实现选中其中一个,改变其背景色,另外九个不变,当选中另一个时又改变另一个的背景色的主要内容,如果未能解决你的问题,请参考以下文章

RadioGroup 有两列有十个 RadioButtons

如何用js实现,点击后,改变一个css

excel表格怎样将每一行的背景色深浅改成不同

iOS 创建多个button实现点击改变背景颜色

DevExpress中的aspxtreeview控件怎么改变选中节点的背景色?

c++ 一个有十个整数元素的数组(17 85 67 83 65 49 26 92 38 42),编写一个程序找出其中的最大数和其下标,并在主函数中打印最大数和相应下标