关于jQuery创建多个相同的dom

weixin_30677475

于 2009-06-18 13:15:00 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tglgx/archive/2009/06/18/1510422.html

本文通过实验对比了使用jQuery的clone方法与直接创建DOM元素的速度。结果显示，直接创建DOM元素的方法比使用clone更快，即使加入了事件处理。这提示开发者在进行大量DOM操作时应考虑直接创建而非频繁使用clone。

一直以来，我对于创建多个相同的dom是采用jQuery的clone，通常代码如下：
var td=$("<td></td>").click(function(){...}); ... for(var i=0;i<xxx;i++) { ... td.clone(true).appendTo() ... }
我认为jQuery的克隆比每次重新创建快。
最近想重构自己的一些js代码了，突然想到克隆是不是真的比重新创建快呢，想来想去，放心不下，于是写了段程序来测试下，代码如下：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>创建节点测试</title> </head> <body> <div id="abc"> </div> </body> </html>
测试结果让我目瞪口呆，jQuery下的clone没有重新创建快，我加上事件，用clone(true)，结果仍然是创建快。看来以后得少用clone了！

转载于:https://www.cnblogs.com/tglgx/archive/2009/06/18/1510422.html