jQuery操作節點

2021-09-29 19:03:29 字數 1127 閱讀 8359

一、建立節點

語法:$() // 括號裡面直接傳想要建立的節點

$

('我是被建立的節點')$('

)

二、新增節點

prepend() // 新增到子元素前面 括號內傳被建立的元素

prependto() // 新增到子元素前面 括號內傳父元素

after() // 新增到元素後面作為兄弟元素 括號內傳被建立的元素

before() // 新增到元素前面作為兄弟元素 括號內傳被建立的元素

三、清空節點

empty() // 父元素呼叫 清空子節點

$

('.container').

empty()

// 清空.container下面的全部子元素

四、刪除節點
remove() // 子元素呼叫(刪除自己)

$

('.container').

remove()

// 刪除.container自己

五、轉殖節點
clone() // 深度複製

$

('button').

eq(0)

.click

(function()

)// 把建立的元素新增到.container中

a.('.container'

)// 另一種寫法:})

// 清空節點$(

'button').

eq(1)

.click

(function()

)// 刪除節點$(

'button').

eq(2)

.click

(function()

)// 轉殖節點$(

"button").

eq(3)

.click

(function()

)

前端高階精選:點此

jQuery節點操作

動態建立元素 建立出來的元素是乙個jquery物件 1 完整的標籤 動態建立元素 模擬js中的document.createlement 只不過這個方式裡面放的是完整的標籤 例如 建立乙個li標籤 2 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 可以...