javascript - jQuery append()与appendChild()

这是一些示例代码:

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

最佳答案

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

关于javascript - jQuery append()与appendChild()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15926325/