jQuery中常用DOM的增刪改查

2021-08-10 13:38:15 字數 1612 閱讀 4731

varop

=document

.createelement(

"p");

//新增到內部:

1, $("div").(

"123"

);//返回值是方法呼叫者,即div。

$("div"

"123"

).css

("background"

,"red"

);//因為返回值是呼叫者,所以屬性是加給呼叫者。

2, $(op).

($("div"

));//返回值是p標籤,即方法的呼叫者。注意變數包裝成jq的方法。

3, $("div"

).prepend

(op);

//新增到原有內容開始。

4, $(op).

prependto

("div");

//新增到外面:

5, $("div"

).before

(op);

//在前面新增同級元素

6, $("div"

).after

(op);

//在後面新增同級元素

7, $(op).

insertbefore

($("div"

));//把op插入div前面

8, $(op).

insertafter

($("div"

));//把op插入div後面

9, $("div"

).unwrap()

;//刪除父級,不能刪除body;

10, 

$("div"

).remove()

;//body可以刪除自身。不保留事件。 $(

"html"

).remove();

//刪除html;

11,$("div"

).detach()

;//刪除元素,但是保留繫結的事件。 $(

"html"

).detach();

12,$(

"div"

).clone()

;//連子元素一起複製。

13,$("div"

).clone(

true);

//傳遞引數true,把事件一起複製。

14,$("p"

).wrap("

");//wrap新增父級,每乙個選中的元素都新增乙個父級

15,$(

"p").

wrapall("

");//把所有匹配元素都新增到同乙個父級。支援新增乙個已有元素當父級。相當於複製乙個已有元素來當它們的父級。

16,$(

"div"

).wrapinner("

");//wrapinner給匹配元素新增乙個子元素。

$("div"

).get(

0).parentnode;

//獲取原生的父級元素。

17,$(op).

replaceall

($("div"

));

18,$().

replacewith();

jQuery中的dom查詢 增刪改

jquery中的dom查詢 增刪改 eq 選擇索引值為等於 3 的 div 元素 first 選擇第乙個 div 元素 filter 在div中選擇索引為偶數的 has 選擇div中包含.mini的 children 在body中選擇所有class為one的div子元素 find 在body中選擇所...

DOM 中常用的屬性操作

內建 官方提供,直接使用 js屬性 不可見屬性 將元素節點作為物件使用 非內建 自定義,自己寫,官方沒有提供 不能作為物件操作 js屬性 不可見屬性 行內 其實就是內建的html的style屬性的操作 非行內 專用語句 只能獲取不能設定 相容封裝 樣式的操作 標籤的增刪改查 刪除元素節點物件 改 慎...

Jquery中常用的方法

1.window.onload 的jquery方法 document ready function mouseout function 可以同時新增多個事件 9.移除監聽的事件 input type button click function each aarray,function propert...