Question

哪个性能更好？

的Dom

    element.insertAdjacentHTML('afterend', '<div id="two">two</div>');

Jquery的

    $(element).append('<div id="two">two</div>')

Answer 1

好吧，除非你定位的时间早于Chrome 1.0，Firefox 8.0，IE 4.0，Opera 7.0或Safari 4.0，否则使用{{1}是安全的}}。 jQuery 可以解决可能发生的浏览器之间的任何不一致，但它也需要一个完整的库来完成这一操作。如果您已经在使用jQuery，请坚持使用jQuery方法。如果你没有使用jQuery，并且想知道为这个方法开始使用它是否有益，那就不要打扰了。

就像“更好”而言，就像我说的那样，要么跨浏览器应该是非常一致/可靠的，但是insertAdjacentHTML是一种本地DOM方法，它直截了当，不需要额外的代码（比如jQuery使用）...意思是它应该“更快”。

insertAdjacentHTML接受多种类型的参数（HTML字符串，DOM元素，jQuery对象，甚至包含这些内容的数组/对象文字）......在内部，.append()使用.append() 。 Element.appendChild只接受HTML字符串。

基于此，它可能会也可能不会影响您的决定。

<强>参考文献：

insertAdjacentHTML - https://developer.mozilla.org/en-US/docs/DOM/element.insertAdjacentHTML
element.insertAdjacentHTML() - http://api.jquery.com/append/

$（element）.append（）和element.insertAdjacentHTML之间有什么区别

1 个答案: