jquery html（）vs empty（）。append（）的性能

2018-06-26 09:47:46

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

任何人都可以解释这种表现差

谢谢。

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

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

请参阅此处的DEMO。

在jquery中正确使用选择器，

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

会比明显更快

  $.empty().append();

但

  $('test')

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

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

请参阅http://jsperf.com/jquery-append-vs-html-list-performance/27

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