jQuery HTML节点元素修改、追加的方法 html()、append()、prepend()、

我们先拟定一个代码场景

<div>start</div>

<p>123</p>

<div>end</div>

html() 操作节点中的内容，一般我们可以用来快速给一个容器中赋值。

$("p").html("abc");

最终看到的结果

<div>start</div>

<p>abc</p>

<div>end</div>

append() 追加到节点中的末尾处

$("p").append("abc");

最终看到的结果

<div>start</div>

<p>123abc</p>

<div>end</div>

prepend() 追加到节点中的起始处

$("p").prepend("abc");

最终看到的结果

<div></div>

<p>abc123</p>

<div>end</div>

alert() 追加到节点的后面

$("p").prepend("<p>abc</p>");

最终看到的结果

<div>start</div>

<p>123</p>

<p>abc</p>

<div>end</div>

before() 追加到节点的前面

$("p").prepend("<p>abc</p>");

最终看到的结果

<div>start</div>

<p>abc</p>

<p>123</p>

<div>end</div>

巴特西