jQuery DOM節點操作

2021-10-05 18:20:44 字數 2168 閱讀 8707

)函式

處理

,()函式處理,

()函式處理

,(「html結構」)

jquery建立的節點是乙個jquery物件

總結:這兩個方法功能相同,主要的不同是語法—>內容和目標的位置不同

2 prepend()與prependto()方法

prepend(content):向每個匹配的元素內部前置內容

prependto(content):把所有匹配的元素前置到另乙個、指定的元素元素集合中。

$(a).prependto(b);把a追加到b中

2 jquery節點的插入 向元素的外部插入dom節點

2.1after() 在每個匹配的元素之後插入內容

2.2before() 在每個匹配的元素之前插入內容

2.3insertafter() 這個方法是顛倒了常規的(a)

.aft

er(b

)的操作

,即不是

把b插入

到a後面

,而是把

a插入到

b後

面2.4in

sert

befo

re()

顛倒了常

規的

(a).after(b)的操作,即不是把b插入到a後面,而是把a插入到b後面 2.4insertbefore() 顛倒了常規的

(a).af

ter(

b)的操

作,即不

是把b插

入到a後

面,而是

把a插入

到b後面

2.4i

nser

tbef

ore(

)顛倒了

常規的(a).before(b)的操作,即不是把b插入到a前面,而是把a插入到b前面。

1.after()與before() 方法

after(content|fn):在每個匹配的元素之後插入內容。

(a).after(b); 在a後面插入b元素

before(content|fn):在每個匹配的元素之前插入內容。

(a).before(b);在a前面插入b元素

2.insertafter()與insertbefore()

insertafter(content):把所有匹配的元素插入到另乙個、指定的元素元素集合的後面。

(a).insertafter(b) 在b後面插入a元素 與$(a).after(b)是相反的操作,但是功能一樣

insertbefore(content):把所有匹配的元素插入到另乙個、指定的元素元素集合的前面。

(a).insertbefore(b) 在b前面面插入a元素 與$(a).before(b)是相反的操作,但是功能一樣

三、jquery元素節點

1.empty() 刪除匹配的元素集合中所有的子節點

2.remove([expr]) 從dom中刪除所有匹配的元素(元素本身與子元素都被刪除)

3.detach() 從dom中刪除所有匹配的元素(注意與remove的區別)

jquery刪除節點的方法 remove()與 empty()方法

四、元素的篩選

eq(index|-index):獲取當前鏈式操作中第n個jquery物件,返回jquery物件,當引數大於等於0時為正向選取,比如0代表第乙個,1代表第二個。當引數為負數時為反向選取,比如-1為倒數第乙個,具體可以看以下示例。

類似的有get(index),不過get(index)返回的是dom物件。

引數說明:index 乙個整數,指示元素基於0的位置,這個元素的位置是從0算起。

-index 乙個整數,指示元素的位置,從集合中的最後乙個元素開始倒數。(-1算起)

first() 獲取第乙個元素

last()獲取最後個元素

hasclass(class) 檢查當前的元素是否含有某個特定的類,如果有,則返回true

這其實就是 is("." + class)。

filter(expr|obj|ele|fn) 篩選出與指定表示式匹配的元素集合。

這個方法用於縮小匹配的範圍。用逗號分隔多個表示式

find(expr|obj|ele)

搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法

JQuery DOM節點操作

1.建立 移動節點 var box 建立節點 return html代表原本裡面的內容 div prepend 插入節點,插入到內容的前面 div prepend function index,html return html代表原本裡面的內容 box.prependto body 插入的內容前面 ...

jQuery Dom節點操作

1.jquery追加標籤 c css font size 100px 2.移除標籤 c remove 3.新增父級標籤,在某個標籤的外層新增標籤 c wrap 4.在某個標籤之前新增標籤 c before 我是before新增的標籤 5.在某個標籤之後新增標籤 c after 我是after新增的標...

jQuery DOM節點操作

建立節點 建立節點,可使用以下的 jquery 函式 html 這個函式會根據傳入的html 標記字串建立乙個dom 物件,並把這個 dom 物件包裝成乙個jquery 物件返回。3.需要注意的是,動態建立的新元素節點不會被自動新增到文件中,而是需要使用其他方法將其插入到文 檔中 當建立單個元素時,...