jquery中的append的效率问题应用

zheglei 2011-10-20

在jquery中的append中,如果一次性要往某个元素append很多东西的话,

比如这样:

varstart=newDate().getTime();

for(varcnt=0;cnt<200;cnt++){

$('.container').append('test

');

}

vartimeElapsed=newDate().getTime()-start;

$('#timetaken').html('Timetaken:'+timeElapsed+'milliseconds');

这样的效率很低,因为重复调用append了,更快的方法是:

varstart=newDate().getTime();

varstr='';

for(varcnt=0;cnt<200;cnt++){

str+='Loremipsumdolorsitamet

';

}

$('.container').append(str);

vartimeElapsed=newDate().getTime()-start;

$('#timetaken').html('Timetaken:'+timeElapsed+'milliseconds');

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

相关推荐