一、插入子節點
var $newnode1 = $("我是p標籤加入之後,原來的會刪除。
二、插入兄弟節點
三、替換節點
1.html**
<2.jquery**div
class
="first"
>1
div>
<
div
class
="second"
>2
div>
<
div
class
="third"
>3
div>
2.1 replacewith()單個元素,相當於單個替換成特定單個。
$(".third").replacewith($(".first"));結果:<2.2 replacewith()多個元素,相當於所有符合的特換成特定單個。div
class
="second"
>2
div>
<
div
class
="first"
>1
div>
$("div").replacewith($(""));結果:<2.3 replaceall(),相當於逐個替換。p>11
p>
$("<結果:p>11
p>").replaceall($("div"));
<四、轉殖節點p>11
p>
<
p>11
p>
<
p>11
p>
var $clone = $(.first).clone(true);引數true表示表示複製其時間,不填預設為false。轉殖會複製id,要避免有id元素的轉殖或使用class代替id的作用。
五、刪除節點
1.remove(),刪除整個節點,即用變數接收後還可以新增到頁面,但不再有原來的繫結事件和附加資料。
2.detach(),刪除整個節點,但保留元素的繫結事件和附加資料,即用變數接收後還可以新增到頁面,且還有原來的繫結事件和附加資料。
3.empty(),清空節點內容,但節點還在。
jQuery篇 jQuery節點操作
在jquery中,節點操作是基礎且比較重要的內容,我們把它的筆記寫下並做一篇筆記。內部插入 會將元素新增到指定元素內部的最後 會將元素新增到指定元素內部的最前面 外部插入 button click function 同上面新增節點方法一樣方法 clone even deepeven button e...
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 ...