一、文檔操作

(一)插入兒子元素

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

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

• 111

222

333

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

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

ppp

"));

$("

ddd

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

$("

ddd

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

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

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

• 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對象，而B既可以是DOM對象，又可以是jQuery對象，應用實例如下：

• 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對象，而B既可以是DOM對象，又可以是jQuery對象，應用實例如下：

• 111

222

333

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

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

ppp2

"));

$("

ddd1

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

$("

ddd2

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

(三)移除和清空元素

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

111

222

333

$("ul").empty()//將ul下的所有子節點清空

(四)替換

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

111

222

333

");//.c1被

hhh

替換

$("

hhh

").replaceAll("li")//

hhh

替換所有的li標簽

(五)克隆

clone()，具體應用實例如下：

Title

穩重，我們能贏

$(this).clone(true).insertAfter(this)//加上true表示連事件也會克隆，即點擊復制后的標簽內容也可以實現克隆事件})

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。