jQuery節點操作

2021-08-13 18:36:49 字數 845 閱讀 3060

動態建立元素(建立出來的元素是乙個jquery物件)

1、$(「完整的標籤」):動態建立元素(模擬js中的document.createlement(),只不過這個方式裡面放的是完整的標籤)

例如:建立乙個li標籤

$(「」) ;

2、$(「」).html(「完整的標籤」)

新增元素

作用:在被選元素內部的最後乙個子元素(或內容)後面插入內容(存在/建立出來的元素都可以)

如果是給定多個目標追加元素,那麼方法的內部會複製多份這個元素,然後追加到多個目標裡面去

常用引數:htmlstring或jquery物件

prepend()

(1)作用:在元素的第乙個子元素前面追加內容/節點

after()

作用:在被選元素之後,作為兄弟元素插入內容/節點

before()

(1)作用:在被選元素之前,作為兄弟元素插入內容/節點

清空元素

清空指定元素的所有子元素(沒有引數,也就是說放的是空字串)

(1).html(「」)  

(2).empty(「」)   

自殺:把自己(包括所有內部元素)從文件中刪除掉

(1).remove()

複製匹配的元素:複製所有匹配到的元素,返回值為複製的新元素

1、clone():預設沒有引數

html建立元素(推薦使用)

作用:設定返回所選元素的html內容(包括html標記)

設定內容的時候,如果是html標記就會動態建立元素,此時作用跟js裡的innerhtml屬性相同

動態建立元素(有參):.html(「」)

獲取html內容(無參):.html()

jQuery 節點操作

首先建立節點 var button1 建立了乙個按鈕節點 img remove img title 這是建立的節點 刪除 title 這是建立的節點 的img節點 img eq 0 remove 刪除索引為0的img節點 插入節點 p1 after pstr 在節點p1的後面插入pstr節點 p1 ...

jQuery節點操作

jquery節點操作 建立節點 var a baidu 新增節點 a.新增到子元素的最後面 常用 在 div 的內部最後追加乙個 p b.新增到子元素的最前面 div prepend p 在 div 的內部最前面新增乙個 p p prependto div 在 div 的內部最前面新增乙個 p 可以...

jquery 節點操作

節點操作八種方法 子節點操作 prependto ul 將建立的li節點插入到ul頭部 父節點操作 ul prepend 將建立的li插入到ul頭部 兄弟節點操作 li after 在選中節點後面新增建立的節點li li before 在選中節點前面新增建立的節點li insetafter li 將...