Jquery操作DOM節點

2021-08-26 13:17:41 字數 1800 閱讀 3254

1、 向dom節點中追加元素:

結果:我想說:你好

結果:我想說:你好

prepend:向每個匹配元素內部前置元素

例如:我想說:

$(「p」).prepend (「你好」);

結果:你好我想說:

prependto:將所有匹配的元素前置到指定的元素中

例如:我想說:

$(「你好」).prependto(「p」);

結果:你好我想說:

after:在每個匹配的元素之後插入內容

例如:我想說:

$(「p」).after(「你好」);

結果:我想說:

你好

insertafter:將所有匹配的元素插入到指定元素的後面

例如:我想說:

$(「你好」).insertafter(「p」);

結果:我想說:

你好

before:在每個元素之前插入內容

例如:我想說:

$(「p」).before(「你好」);

結果:你好我想說:

insertbefore: 將所有匹配的元素插入到指定元素的前面

例如:我想說:

$(「你好」).insertbefore(「p」);

結果:你好我想說:

2、 節點移除

a:在物件後面加入remove()方法,移除的內容雖然在網頁上表現不存在了,但是在記憶體中還是存在的,remove後面還可以加入引數,進行選擇$("ul li").remove("li[title != 2]");

b:在物件後面加入empty()方法,表示清空元素中的內容,元素位置還是存在

3、節點的複製,呼叫其clone()方法,裡面可以包含true或者false引數,true表示轉殖後的元素與原來的元素具有相同的屬性和方法

3、屬性操作:

attr():獲取與設定屬性

removeattr():移除元素屬性

3、 操作樣式,可以使用attr,也可以使用addclass、removeclass

其中attr可以為相應的class賦值,但是它是從屬性方面來考慮的

attr與addclass的區別:

jQuery操作DOM節點

dom 節點建立的過程 建立節點 元素 屬性 文字等 新增節點的屬性 加入到文件中 jquery建立節點的方法 建立元素節點 建立文字節點 直接將文字的內容新增進去 建立節點並給節點新增屬性 var div 動態建立div元素節點 節點建立完成。需要將節點新增到文件中,新增新內容的時候需要用到接下來...

jQuery基礎 DOM節點操作

如 p id name a href p 增加環繞節點 方法說明 wrap 用指定結構的元素包裹元素 wrapall 用指定結構的元素包裹多個元素 wrapinner 用指定結構元素包裹元素的內容 節點內部插入 方法說明 向每個匹配元素內部的最後面新增元素 將所有匹配的元素追加到指定的元素中 pre...

jQuery之dom操作 遍歷節點

jquery之dom操作 遍歷節點 children children selector 只考慮子元素,不考慮其他後代元素 next next selector 下乙個兄弟節點 prev prev selector 上乙個兄弟節點 siblings siblings selector 其他兄弟節點 ...