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>