javascript - jquery html() vs empty().append() 性能

Question

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例来比较$.html()with的性能$.empty().append()。我想知道那.empty().append()更快。

谁能解释这种性能差距？

谢谢。

score 4 · Accepted Answer

在您的代码$.empty().append()中运行得更快，因为您的选择器错误，

您应该使用var $test = $("#test");而不是var $test = $("test");进行比较。

请参阅此处的演示。

score 0 · Accepted Answer

在 jquery 中正确使用选择器，

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

显然会比

  $.empty().append();

但

  $('test')

将在 DOM 中搜索标签名称为“TEST”的元素。

score 0 · Accepted Answer

在本节中，您应该使用innerHTML. 因为这是本机 Javascript。

3 回答 3