jquery中DOM節點操作(一)

2021-07-25 06:34:02 字數 642 閱讀 2180

jquery中節點操作主要包括建立節點,插入節點,刪除節點,替換節點,複製節點以及包裹節點。

1.建立節點

建立元素節點

建立文字節點

建立屬性節點

2.插入節點

向匹配元素的內部的後面追加內容

prepend()

向匹配的元素的內部的前面追加指定的元素

prependto()

將匹配的元素新增到指定的元素內部的前面,這種方法也就是顛倒了prepend()方法.

after()

向匹配的元素後面新增元素,新新增的元素做為匹配元素後乙個兄弟元素

insertafter()

將匹配的元素插入到指定的內容的後面去,其實就是after()的乙個顛倒.

before()

在匹配的元素的前面增加指定的元素,做為匹配元素的前乙個兄弟節點

insertbefore()

將匹配的元素插入到指定元素的前面,也是before()方法的乙個顛倒

Jquery操作DOM節點

1 向dom節點中追加元素 結果 我想說 你好 結果 我想說 你好 prepend 向每個匹配元素內部前置元素 例如 我想說 p prepend 你好 結果 你好我想說 prependto 將所有匹配的元素前置到指定的元素中 例如 我想說 你好 prependto p 結果 你好我想說 after ...

jQuery操作DOM節點

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

jquery中DOM節點操作(三)

一 樣式操作 1.獲取和設定樣式 attr 2.新增樣式 addclass 3.移除樣式 removeclass 4.切換樣式 toggleclass 5.是否使用樣式 hasclass 個人愛好 二 屬性操作 1.獲取和設定屬性 attr prop 二者區別 對於布林型別的屬性。如 checked...