jQuery性能优化--循环时的DOM操作
来源:互联网 发布:战舰世界塞班数据 编辑:程序博客网 时间:2024/05/20 15:11
使用jQuery可以很方便的添加,删除或者修改DOM节点,但在一些循环,例如for(),while()或者$.each()中处理节点时,下边有个实例,值得注意:
var top_list=[……]; //假设这里是100个字符串$mylist=$("#mylist"); //jQuery选择器ulfor(var i=0,i=top_list.length;i<1;i++){ $mylist.append("<li>" + top_list[i] + "</li>"); }
以上代码,将每一个新添加的标签元素都作为一个节点添加到容器ID中,这将给jQuery操作性能增加很多的负重,更好的方式是尽可能的减少DOM操作,这里迎将整个元素字符串在插入DOM之前全部创建好,修改代码如下:
var top_list=[……]; //假设这里是100个字符串$mylist=$("#mylist"); //jQuery选择器ulvar top_li=""; //这个变量将用来存储我们的列表元素for(var i=0,i=top_list.length;i<1;i++){ top_li +="<li>" + top_list[i] + "</li>"; }$mylist.append(top_li);
jQuery逻辑--性能,都是需要考虑的,这也许也是在jQuery的学习之路上的一步一步沉淀的。
Come on!
0 0
- jQuery性能优化--循环时的DOM操作
- 关于DOM操作的性能优化
- 前端性能优化:DOM操作标签对性能的影响
- 浏览器中DOM操作的性能优化【+待补充】
- jQuery 的dom操作
- jQuery 的 DOM操作
- jQuery的DOM操作
- JQuery的Dom操作
- jQuery DOM的操作
- jQuery的DOM操作
- Jquery的DOM操作
- jQuery的Dom操作
- jquery的DOM操作
- jquery的DOM操作
- Jquery的DOM操作
- JQuery的DOM操作
- jQuery的DOM操作
- jQuery的Dom操作
- 最短路(Dijkstra)
- linux下实现g++编译链接c++源文件和头文件
- hdu1875畅通工程再续【最小生成树】
- Sql Server 使用CTE实现递归查询(抄)
- http://sebug.net/paper/databases/nosql/Nosql.html
- jQuery性能优化--循环时的DOM操作
- View 的绘制流程
- 类型占用字节空间
- Windows下安装Redmine
- ant 报错 Unable to locate tools.jar.
- 外媒:中国手机品牌欲以低价策略攻占印度市场
- kmp
- Spring4.0MVC学习资料,Controller中的方法详解和使用(四)
- hd1879继续畅通工程【最小生成树】