一、文檔操作

(一)插入兒子元素

1、添加到指定元素內(nèi)部的后面

$(A).append(B)：B作為A的最后一個(gè)兒子元素；$(A).appendTo(B)：A作為B最后一個(gè)兒子元素。以上兩種A必須為jQuery對(duì)象，而B既可以是DOM對(duì)象，又可以是jQuery對(duì)象，應(yīng)用實(shí)例如下：

• 111

222

333

");//加到.c1里面最后

$(".c1").append($("

ppp

"));

$("

ddd

").appendTo("ul");//加到ul里面最后

$("

ddd

").appendTo($("ul"))

2、添加指定元素內(nèi)部的前面

$(A).prepend(B)：B作為A的第一個(gè)兒子元素；$(A).prependTo(B)：A作為B第一個(gè)兒子元素。以上兩種A必須為jQuery對(duì)象，而B既可以是DOM對(duì)象，又可以是jQuery對(duì)象，應(yīng)用實(shí)例如下：

• 111

222

333

");//加到.c1里面最前面

$(".c1").prepend($("

ppp

"));

$("

ddd

").prependTo("ul");//加到ul里面最前面

$("

ddd

").prependTo($("ul"))

(二)插入兄弟元素

1、添加到指定元素外部的后面

$(A).after(B)：B作為兄弟元素緊挨A元素后面；$(A).insertAfter(B)：A作為兄弟元素緊挨B元素后面。以上兩種A必須為jQuery對(duì)象，而B既可以是DOM對(duì)象，又可以是jQuery對(duì)象，應(yīng)用實(shí)例如下：

• 111

222

333

");//

作為兄弟元素緊挨.c1后面

$(".c1").after($("

ppp

"));

$("

ddd

").insertAfter("ul");//

作為兄弟元素緊挨ul后面

$("

ddd

").insertAfter($("ul"))

2、添加到指定元素外部的前面

$(A).before(B)：B作為兄弟元素緊挨A元素前面；$(A).insertBefore(B)：A作為兄弟元素緊挨B元素前面。以上兩種A必須為jQuery對(duì)象，而B既可以是DOM對(duì)象，又可以是jQuery對(duì)象，應(yīng)用實(shí)例如下：

• 111

222

333

");//p作為兄弟元素緊挨.c1元素前面

$(".c1").before($("

ppp2

"));

$("

ddd1

").insertBefore("ul");//p作為兄弟元素緊挨ul元素前面

$("

ddd2

").insertBefore($("ul"))

(三)移除和清空元素

remove()：從DOM中刪除所有匹配的元素；empty()：刪除匹配的元素集合中所有的子節(jié)點(diǎn)。

111

222

333

$("ul").empty()//將ul下的所有子節(jié)點(diǎn)清空

(四)替換

$(A).replaceWith(B)：A被B替換；$(A).replaceAll(B)：A替換所有的B，應(yīng)用實(shí)例：

111

222

333

");//.c1被

hhh

替換

$("

hhh

").replaceAll("li")//

hhh

替換所有的li標(biāo)簽

(五)克隆

clone()，具體應(yīng)用實(shí)例如下：

Title

穩(wěn)重，我們能贏

$(this).clone(true).insertAfter(this)//加上true表示連事件也會(huì)克隆，即點(diǎn)擊復(fù)制后的標(biāo)簽內(nèi)容也可以實(shí)現(xiàn)克隆事件})

總結(jié)

以上是生活随笔為你收集整理的b插到元素a之前python_python之路_前端基础之jQuery入门3的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。