最原始的写法:

?View Code JAVASCRIPT
var startTime = new Date().getTime();
for(var i=0;i<100000;i++){
    $("body").append('<div>content</div>');
}
console.log(new Date().getTime()-startTime);

结果:702-968ms

改进的写法:

?View Code JAVASCRIPT
var startTime = new Date().getTime();
var h='';for(var i=0;i<100000;i++){
	h+='<div>content</div>';
}
$("body").append(h);
console.log(new Date().getTime()-startTime);

结果:484-600ms

另外一种写法:

?View Code JAVASCRIPT
var startTime = new Date().getTime();
var h=$([]);
for(var i=0;i<100000;i++){
	h.add('<div>content</div>');
}
$("body").append(h);
console.log(new Date().getTime()-startTime);

结果:674-826ms

第四种写法:

?View Code JAVASCRIPT
var startTime = new Date().getTime();
var h='';for(var i=0;i<100000;i++){
	h+='<div>content</div>';
}
$("body").append('<div>'+h+'</div>');
console.log(new Date().getTime()-startTime);

结果:197-210ms

Published in JavaScript
Tags: ,

No Responses to “jquery append多个元素性能对比”

Leave a Reply

请输入算式结果(看不清请点击图片)
(必须)