append()和appendTo(),prepend()和prependTo()区别

关键词：内部  插入 末端

 

$(目标元素).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>