关于jQuery创建多个相同的dom

一直以来，我对于创建多个相同的dom是采用jQuery的clone，通常代码如下：

我认为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>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script>
$(function(){
	var t1=0,t2=0;
	var lt,i,j;
	var n=10;
	var template="<div><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div>";
	var template_c=$(template).find("li").click(function(){alert(1)}).end();
	var temp;
	for(var s=0; s<1;s++)
	{
		for(i=0;i<10;i++)
		{
			lt=new Date;
			for(j=0;j<n;j++)
				temp=template_c.clone(true).appendTo($("body"));
			t1+=(new Date)-lt;
			lt=new Date;
			for(j=0;j<n;j++)
				temp=$(template).appendTo($("body")).find("li").click(function(){alert(1)});
			t2+=(new Date)-lt;
		}
		
		$("#abc").html($("#abc").html()+t1+","+t2+"<br/>");
		t1=t2=0;
	}
})
    </script>
</head>
<body>
<div id="abc">
</div>
</body>
</html>

测试结果让我目瞪口呆，jQuery下的clone没有重新创建快，我加上事件，用clone(true)，结果仍然是创建快。看来以后得少用clone了！

posted @ 2009-06-18 13:15 TGL 阅读(437) 评论(0) 收藏举报

刷新页面返回顶部

tglgx

关于jQuery创建多个相同的dom

公告