jquery html() vs empty().append() performance

I have created a test case at http://jsperf.com/jquery-html-vs-empty-append-test to compare the performance of $.html() with $.empty().append() . I wondered that .empty().append() is faster.

Can anyone explain this performance gap?

Thanks.


In your code $.empty().append() was running faster because, your selector was wrong,

You should have used var $test = $("#test"); instead of var $test = $("test"); for comparision.

See the DEMO Here.


Use the selector correctly in jquery,

  $('#test').html('Example');

will be faster obviously than

  $.empty().append();

But

  $('test')

will search the DOM for an element with tag name 'TEST'.


In this section you should use innerHTML . because this is native Javascript.

see the http://jsperf.com/jquery-append-vs-html-list-performance/27

链接地址: http://www.djcxy.com/p/73870.html

上一篇: 管道从交互式命令输出到更少

下一篇: jquery html()vs empty()。append()的性能