当前位置: 代码迷 >> Web前端 >> jquery中的append的效率有关问题应用
  详细解决方案

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

热度:320   发布时间:2012-08-31 12:55:03.0
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
  相关解决方案