jQuery節點操作方法

2021-07-27 22:27:13 字數 1318 閱讀 2069

在元素內部插入節點

方法說明

示例為所有匹配的元素的內部追加內容

將所有匹配元素新增到另乙個元素的元素集合中

prepend(content)

為所有匹配的元素的內部前置內容

$(『#b』).prepend(『< p>a< /p>』);向id為b的元素內容前新增乙個段落

prependto(content)

將所有匹配的元素前置到另乙個元素的元素集合中

$(『#b』).prependto(『#a』);將id為b的元素新增到id為a的元素前面,也將是將b元素放在a元素的前面。

在元素外部插入節點的方法

方法說明

示例after(content)

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

$(『#b』).after(『< p >a< /p >』); //向id為b的元素後面新增乙個段落

insertafter(content)

將所有匹配的元素插入到另乙個指定元素的元素集合的後面

$(『< p>test< /p>』).insertafter(『#b』);//將要新增的段落插入到id為b的元素的後面

before(content)

在每個匹配的元素之前插入內容

$(『#b』).before(『< p >a< /p >』); //向id為b的元素前面新增乙個段落

insertbefore(content)

將所有匹配的元素插入到另乙個指定元素的元素集合的前面

$(『< p>test< /p>』).insertbefore(『#b』);//將要新增的段落插入到id為b的元素的前面

刪除、複製和替換節點

方法說明

示例empty()

刪除節點

刪除匹配的元素集合中所有的子節點,並不刪除該元素

remove()

刪除節點

刪除所有匹配的元素

clone(boolean)

複製節點

預設false,複製匹配的元素但不匹配處理事件;引數為true時,複製所有匹配的元素以及其所有的事件處理並且選中這些轉殖的副本。

replacewith(content)

替換節點

用於將所有匹配的元素替換成指定的html或dom元素:$(『#div1』).replacewith(『< div>replacewith()方法的替換結果< /div>』)

replaceall(selector)

替換節點

用於使用匹配的元素替換掉所有selector匹配到的元素:$(『< div>replacewith()方法的替換結果< /div>』).replaceall(『#div2』)

jQuery節點操作方法大全

向每個匹配的元素內部追加內容 html 我想說 jquery 結果 我想說 你好 html 我想說 jquery 結果 我想說 你好 3.prepend 向每個匹配的元素內部前置內容 html 我想說 jquery p prepend 你好 結果 你好我想說 4.prependto 將所有匹配的元素...

JQuery操作方法

jquery操作方法 位置操作 offser 方法 獲取相對於整個document的位置,按照左上角來看 查詢物件 offset 獲取從左上角來說的位置對應值 查詢物件 offset 設定位置 position方法 scrolltop 方法 獲取滾輪相對整個螢幕來說移動了多少值 window scr...

JQuery 屬性操作方法

以下的方法可以用於獲得或者設元素的dom屬性 addclass sample 1.p first addclass class1 如需加多個,用空格分隔 2.p addclass function n 注 n為選取器的index.hasclass sample p first hasclass cl...