javascript - jQuery append() 与 appendChild()

Question

下面是一些示例代码:

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() 有什么区别？
任何实时场景？

Answer 1

主要区别在于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 是安全的。