jquery中html和append的区别

html-css08

jquery中html和append的区别,第1张

html是替换，而append是追加

例如 <div id="div1">内容</div>

$(#div1").html("<div>这是内容</div>")

这样的最终结果就是 <div>这是内容</div> //也就是把原来的内容替换了

$(#div1").append("<div>这是内容</div>")

这样的最终结果就是 <div id="div1">内容</div><div>这是内容</div>

//也就是把内容追加到你这个元素的后面。

var body = document.body

var div = document.createElement("div")

div.id = "mDiv"

div.innerHTML = "新元素"

body.appendChild(div)

$("你要append的节点").children("插入的html节点")//获取html节点对象

$("你要append的节点").children("插入的html节点").attr("class")//获取class名