搜尋

首頁 >web前端 >js教程 >jQuery DOM插入節點操作指南_jquery

jQuery DOM插入節點操作指南_jquery

WBOY
WBOY原創
2016-05-16 16:11:171112瀏覽

方法 描述 範例
append() 向每個匹配的元素內部追加內容

HTML程式碼：

我想說:

jQuery程式碼：

$("p").append("你好");

結果：

我想說:你好
appendTo()

將所有符合的元素追加到指定的元素中

。實際上，使用該方法是顛倒了常規​​

的$(A).append(B)的操作，是將A追加到B中。

HTML程式碼：

我想說:

jQuery代碼：

$("你好").appendTo("p")

結果：

我想說:你好
prepend() 向每個匹配的元素內部前置內容

HTML程式碼：

我想說:

jQuery程式碼：

$("p").prepend("你好")

結果：

你好我想說：
prependTo()

將所有符合的元素前置到指定的元素中

。實際上，使用該方法是顛倒了

常規$(A).prepend(B)操作。

HTML程式碼：

我想說:

jQuery程式碼：

$("你好").prependTo("p")

結果：

你好我想說：
after() 在每個符合的元素後插入內容

HTML程式碼：

我想說:

jQuery程式碼：

$("p").after("你好")

結果：

我想說：

你好
insertAfter()

將所有符合的元素插入指定元

素的後面，實際上，使用該方法

是顛倒了常規​​的$(A).after(B)操作

HTML程式碼：

我想說:

jQuery程式碼：

$("你好").insertAfter("p")

結果：

我想說：

你好
before() 在每個符合的元素之前插入內容

HTML程式碼：

我想說:

jQuery程式碼：

$("p").before("你好")

結果：

你好

我想說：
insertBefore()

將所以符合的元素插入到指

定的元素的前面。實際上，

使用此方法是顛倒了常規​​

的$(A).before(B)的操作。

HTML程式碼：

我想說:

jQuery程式碼：

$("你好").insertBefore("p")

結果：

你好

我想說：

以上就是本文的全部內容了，希望大家能夠喜歡。

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：基於jQuery實作網頁進度顯示外掛_jquery下一篇：基於jQuery實作網頁進度顯示外掛_jquery

相關文章

看更多