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>