首頁  >  文章  >  web前端  >  jQuery DOM插入節點操作指南_jquery

jQuery DOM插入節點操作指南_jquery

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

方法 描述 範例
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