append()和appendTo(),prepend()和prependTo()區別

標籤：jquer   jquery   pen   目標   內容   nbsp   span   appendto   pre   

關鍵詞：內部  插入 末端

 

$(目標元素).append(content)   在。。。。內部的末端插入內容

　　　　html:     <p>這是目標元素</p>

　　　　jquery:  $("p").append("，這是append插入部分")

那麼執行後的結果就是：

　　　　html：<p>這是目標元素，這是append插入部分</p>

　　　　　　　

$(content).appendTo(目標元素)  把內容插入到。。。。內部的末端

　　　　jquery:  $("這是appendTo插入部分").appendTo("p")

結果：

　　　　html：<p>這是目標元素，這是appendTo插入部分</p>

 　　

 

關鍵詞：內部  插入 首端

 

$(目標元素).prepend(content)  在。。。。首端的內部插入內容

　　　　html:     <p>這是目標元素</p>

　　　　jquery:  $("p").prepend("這是prepend插入的內容，")

那麼執行後的結果就是：

　　　　html： <p>這是prepend插入的內容，這是目標元素</p>

 

$(content).prependTo(目標元素)  把內容插入到。。。內部的首端

　　　　jquery:  $("這是prependTo插入的內容，").appendTo("p")

 那麼執行後的結果就是：

　　　　html： <p>這是prependTo插入的內容，這是目標元素</p>

 

append()和appendTo(),prepend()和prependTo()區別