附加V AppendChild JQuery
以下是一些示例代码：
function addTextNode(){ var newtext = document.createTextNode(" Some text added dynamically. "); var para = document.getElementById("p1"); para.appendChild(newtext); $("#p1").append("HI"); } <div style="border: 1px solid red"> <p id="p1">First line of paragraph.<br /></p> </div>
append和appendChild什么区别？
任何实时情况？
PS：可能是一个愚蠢的问题，只是想知道确切的区别
主要区别在于appendChild是一个DOM方法， append是一个jQuery方法。 第二个使用第一个，因为你可以看到jQuery源代码
append: function() { return this.domManip(arguments, true, function( elem ) { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.appendChild( elem ); } }); },
如果您在项目中使用jQuery库，那么在将元素添加到页面时总是使用append 。
append是一个jQuery的方法来追加一些内容或HTML到一个元素。
$('#example').append('Some text or HTML');
appendChild是添加子元素的纯DOM方法。
document.getElementById('example').appendChild(newElement);
不再
现在append是JavaScript中的一个方法
关于追加方法的MDN文档
引用MDN
ParentNode.append方法在ParentNode的最后一个子节点之后插入一组Node对象或DOMString对象。DOMString对象作为等价的Text节点插入。
IE和Edge不支持此function，但支持Chrome（54+），Firefox（49+）和Opera（39+）。
JavaScript的追加类似于jQuery的append。
您可以传递多个参数。
var elm = document.getElementById('div1'); elm.append(document.createElement('p'),document.createElement('span'),document.createElement('div')); console.log(elm.innerHTML);
<div id="div1"></div>
appendChild是一个DOM的vanilla-js函数。
append是一个jQuery函数。
他们每个人都有自己的怪癖。
我知道这是一个古老的回答问题，我不是在寻找投票，我只是想增加一些额外的小东西，我认为可能会帮助新来者。
是的appendChild是一个DOM方法， append是JQuery方法，但实际上关键的区别是， appendChild需要一个节点作为参数，我的意思是如果你想添加一个空的段落到DOM你需要先创buildp元素
var p = document.createElement('p')
那么你可以将它添加到DOM，而JQuery append为你创build该节点，并将其添加到DOM，无论是文本元素还是HTML元素或组合！
$('p').append('<span> I have been appended </span>');
appendChild是一个纯JavaScript方法，其中append是一个jQuery方法。
