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

最后

以上就是过时毛巾为你收集整理的jquery中的append的效率问题应用的全部内容，希望文章能够帮你解决jquery中的append的效率问题应用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。