JQ中操作DOM的一些方法小結

2021-08-10 09:17:17 字數 1405 閱讀 9371

(1) 要在html中建立新元素,使用$()函式。 。

 .prepend()   方法在被選元素的開頭(仍位於內部)插入指定內容。

 .prependto()

方法在被選元素的開頭(仍位於內部)插入指定內容。

prepend() 和 

prependto()

方法作用相同。差異在於語法:內容和選擇器的位置,以及 prependto() 無法使用函式來插入內容。

(3) 要在每個匹配的元素相鄰的位置上插入新元素,使用:

 .after()   方法在被選元素後插入指定的內容。

 .insertafter()   方法在被選元素之後插入 html 標記或已有的元素。

 .before() 方法在被選元素前插入指定的內容。

 .insertbefore() 方法在您指定的已有子節點之前插入新的子節點。

(4) 要在每個匹配的元素外部插入新元素,使用:

 .wrap()  方法把每個被選元素放置在指定的 html 內容或元素中。

 .wrapall() 在指定的 html 內容或元素中放置所有被選的元素。

 .wrapinner()  方法使用指定的 html 內容或元素,來包裹每個被選元素中的所有內容 (inner html)。

(5) 要用新元素或文字替換每個匹配的元素,使用:

 .html()  方法返回或設定被選元素的內容 (inner html)。

如果該方法未設定引數,則返回被選元素的當前內容。

 .text() 

方法方法設定或返回被選元素的文字內容。當該方法用於設定值時,它會覆蓋被選元素的所有內容。

 .replaceall()  

方法用指定的 html 內容或元素替換被選元素。

 .replacewith()  

方法用指定的 html 內容或元素替換被選元素。

replacewith() 與 

replaceall()

作用相同。差異在於語法:內容和選擇器的位置,以及 replaceall() 無法使用函式進行替換。

(6) 要移除每個匹配的元素中的元素,使用:

.empty()  方法從被選元素移除所有內容,包括所有文字和子節點。

(7) 要從文件中移除每個匹配的元素及其後代元素,但不實際刪除它們,使用:

 .remove()  方法移除被選元素,包括所有文字和子節點。

該方法不會把匹配的元素從 jquery 物件中刪除,因而可以在將來再使用這些匹配的元素。

 .detach()  

方法移除被選元素,包括所有文字和子節點。

這個方法會保留 jquery 物件中的匹配的元素,因而可以在將來再使用這些匹配的元素。

detach() 會保留所有繫結的事件、附加的資料,這一點與 remove() 不同。

JS中DOM操作的一些方法

常用dom方法 選擇器 需要注意 getelementbyid 適用於需要查詢文件中的乙個特定的元素,如果沒有指定 id 的元素返回 null,如果存在多個指定 id 的元素則返回第乙個。其他的方法獲取結果可能是多個,所以element後面要加s。元素物件 b bb div a aaa div c ...

Dom的一些操作

dom 的意思是 文字 物件 模型.寫幾個常用的dom 方便以後查詢 document.getelementbyid id 這個的出鏡率非常的高 有華山那麼高.document.getelementsbytagname name 封裝的時候是必用的 obj.previoussibling 已知節點的...

DOM一些方法

1 indexof 可返回某個指定的字元在字串中首次出現的位置。語法 stringobject.indexof substring,startpos substring是必須的屬性,規定需檢索的字串值 startpos可選,規定在字串中開始的位置 2 split 將字串分割為字串陣列,並返回此陣列 ...