jQuery節點更新

2022-07-29 07:21:10 字數 1445 閱讀 8991

一、插入子節點

var $newnode1 = $("我是p標籤

加入之後,原來的會刪除。

二、插入兄弟節點

三、替換節點

1.html**

<

div

class

="first"

>1

div>

<

div

class

="second"

>2

div>

<

div

class

="third"

>3

div>

2.jquery**

2.1 replacewith()單個元素,相當於單個替換成特定單個。

$(".third").replacewith($(".first"));
結果:

<

div

class

="second"

>2

div>

<

div

class

="first"

>1

div>

2.2 replacewith()多個元素,相當於所有符合的特換成特定單個。

$("div").replacewith($(""));
結果:

<

p>11

p>

2.3 replaceall(),相當於逐個替換。

$("<

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 ...