尽量减少对DOM的操作

在页面中对DOM操作是比较消耗的比如在页面插入或删除一段文字把这个改动降至最小是保持性能的最佳实践比如ul idtest /ul script typetext/javascript var $list $(#test); for (i 1; i 101; i) { $list.append(liItem i /li); } //very bad,change dom 100 times var listItem ; for (j 1; j 101; j) { listItem liItem j /li; } $list.html(listItem); //good practice,only modify dom once /script可以看出第一个例子对DOM修改100次而第二个只对DOM修改1次这上面的性能差距是显而易见的。可以屏蔽JQuery的动画效果在某些情况下如果可以关闭JQuery动画能对性能进行一定提升屏蔽的方法是script typetext/javascript jQuery.fx.off true; /script如果参数可以是JS对象尽量使用对象很对JQuery插件或者JQuery的css和attr方法都接受键/值 或 js键/值对象 对作为参数传递键值对象可以减少JQuery对象的创建比如:div/div script typetext/javascript $(div).css(display, block); $(div).css(background-color, blue) //slow,because it create more Jquery object $(div).css({ display: block, background-color: blue }); //fast,only create one object /script当然也可以使用连缀的方式:div/div script typetext/javascript $(div).css(display, block).css(background-color, blue); /script但是这种方式的性能不如上面那种.需要使用两个方法并且需要多生成临时对象.