87,910
社区成员
发帖
与我相关
我的任务
分享jQery创建元素时效率问题
用jQuery动态创建元素时以下两种写法加上较大的for循环时，效率问题
第一种：
$('<input/>').attr('type','text').attr('name|id',"name|id").addClass('class').val('value');
第二种：
$('<input type="text" name="name" id="id" value="value" class="class class"/>');
第一种：
$('<input/>').attr('type','text').attr('name|id',"name|id").addClass('class').val('value');
第二种：
$('<input type="text" name="name" id="id" value="value" class="class class"/>');
...全文
请发表友善的回复…
发表回复
Cocl 2014-06-23
- 打赏
- 举报
不太了解jQ的创建元素机制，一般加载大量的节点时，都会使用文档碎片机制，避免浏览器重复渲染页面。
var fragment = document.createDocumentFragment();
for(var i=0;i<10;i++){
var input=document.createElement("input");
input.value="value";
fragment.appendChild(input)
}
document.body.appendChild(fragment)
