js执行速度变慢的问题..

Question

页面分上下两部分上部是条件选择
点击条件的时，会更改其字体颜色以及字体背景色
下部分是依据条件筛选出来的ul的box
ul的box一旦过多,比如100个以上的时候,点击条件时更改字体颜色以及字体背景色，明显就会有延时。如果几十个ul的box，则速度完全没有延时。不知是结构问题?还是网页内容多到一种程度的确会造成这种现象？

Answer 1

原因找到了...是因为jquery里有
$(document).click(function(event){
           if(event.target.className!="Money_Box"){
              $(Money_Box).hide();
           }
})
但是任然不知道解决方式..或者有无其他方法可代替  点击任意元素，如果不是指定元素则隐藏指定元素？

Answer 2

设置两个class量，css设置display 属性（可见性）
然后用toggleclass（好像是，楼主过会自己找下），切换classname就可以改变node的可见性了

Answer 3

1、 少用class 选择器
2、缓存对象
3、减少循环次数（执行次数）