读书人

jquery中的append的效率有关问题应用

发布时间: 2012-08-31 12:55:03 作者: rapoo

jquery中的append的效率问题应用
在jquery中的append中,如果一次性要往某个元素append很多东西的话,
比如这样:
var start = new Date().getTime();
for(var cnt=0; cnt < 200; cnt++){
$('.container').append('test
');
}
var timeElapsed = new Date().getTime() - start;
$('#timetaken').html('Time taken: ' + timeElapsed + ' milliseconds');

这样的效率很低,因为重复调用append了,更快的方法是:
var start = new Date().getTime();
var str = '';
for(var cnt=0; cnt < 200; cnt++){
str += 'Lorem ipsum dolor sit amet
';
}
$('.container').append(str);
var timeElapsed = new Date().getTime() - start;
$('#timetaken').html('Time taken: ' + timeElapsed+ ' milliseconds');

就是说,先一次性循环把要增加的字符串整理后,最后再一次append

读书人网 >Web前端

热点推荐