Question

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例，用于比较$.html()与$.empty().append()的效果。我想知道.empty().append()更快。

任何人都能解释这种性能差距吗？

感谢。

Answer 1

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

您应该使用var $test = $("#test");代替var $test = $("test");进行比较。

请参阅 DEMO Here。

Answer 2

在jquery中正确使用选择器，

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

会明显快于

  $.empty().append();

但是

  $('test')

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

Answer 3

在本节中，您应该使用innerHTML。因为这是原生的Javascript。