8个能够有效帮助你提高jQuery代码性能(performance)的技巧
日期:2012/02/22 来源:
测试结果:
循环语句中的DOM操作使用jQuery可以很方便的添加,删除或者修改DOM节点,但是在一些循环,例如,for(), while()或者$.each()中处理节点,大家得注意一下,这里有个例子:
$.each(data, function(i, item){
var newitem='<div>' + item + '</div>';
$("#gbcontainer").append(newitem);
});
以上代码中,我们将每一个新添加的tag都作为一个节点添加到容器ID中,实际上jQuery操作节点的成本也不低,更好的方式是尽可能的减少DOM操作,修改代码优化性能如下:
来源: 8个能够有效帮助你提高jQuery代码性能(performance)的技巧