如何透過jQuery新增新的內容

這篇文章介紹的是如何利用多種方法實現jQuery添加新的內容，有一定的參考價值，希望對大家有所幫助。

透過jQuery加入新的內容方法有多種，可以使用append()方法和prepend() 方法進行在被選元素的結尾和開頭插入內容。

推薦學習：【jQuery教學】

append()方法

append()方法在被選元素的結尾插入內容

$(selector).append(content);
 标签        内容

當我們點擊button時在p元素的後面加入hello文字

$("button").click(function(){
$("p").append(" <b>Hello</b>");
})

除了append（）方法，還有一個appendTo()方法它兩個都是表示在元素的結尾插入內容但是當使用appendTo()時被選元素就要與內容反過來了

appendTo()方法

$(content).appendTo(selector)
  内容       标签

當我們點擊button時在p元素的後面加上hello文字

$("button").click(function(){
$("<b>Hello</b>").append(" p");
})

#prepend() 方法

#prepend() 方法在被選元素的開頭插入內容,用法與append（）一樣

 reee

prependTo()方法

$(selector).prepend(content)
  标签      内容

程式碼展示                                      

點選後效果圖片

總結：以上就是這篇文章分享的內容了，希望對大家的學習jQuery添加內容有所幫助。

以上是如何透過jQuery新增新的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！