jQuery HTML节点元素修改、追加的方法

jQuery对于网页元素的操作。相信大家都不陌生html()方法。总结一下 html()、append()、prepend()、after()、before()  分别对网页节点的操作吧。
 
先拟定一场景
[php] view plaincopy
<div>start</div> 
<p>123</p> 
<div>end</div>
 
html() 操作节点中的内容，一般我们可以用来快速给一个容器中赋值。
$("p").html("abc"); 
最终看到的结果
[php] view plaincopy
<div>start</div> 
<p>abc</p> 
<div>end</div>
 
append() 追加到节点中的末尾处
$("p").append("abc"); 
  
最终看到的结果
[php] view plaincopy
<div>start</div> 
<p>123abc</p> 
<div>end</div>
  
prepend() 追加到节点中的起始处
$("p").prepend("abc"); 
最终看到的结果
[php] view plaincopy

<div></div> 
<p>abc123</p> 
<div>end</div>
  
alert() 追加到节点的后面
$("p").prepend("<p>abc</p>");  
 
最终看到的结果 
[php] view plaincopy
<div>start</div> 
<p>123</p>   
<p>abc</p>   
<div>end</div>
before() 追加到节点的前面
$("p").prepend("<p>abc</p>");  
 
最终看到的结果
[php] view plaincopy
<div>start</div>   
<p>abc</p>   
<p>123</p>   
<div>end</div>