jQuery學習 DOM 移除與替代

2022-08-14 08:33:11 字數 2295 閱讀 9140

.detach()

描述:從dom中去掉所有匹配的元素。

.detach()方法和.remove()一樣, 除了.detach()儲存所有jquery資料和被移走的元素相關聯。當需要移走乙個元素,不久又將該元素插入dom時,這種方法很有用。

刪除dom中所有段落

hello

how are

you?

attach/detach paragraphs

使用.empty()如果裡面包含任何數量的巢狀元素,他們也會被移走。

為了避免記憶體洩漏,jquery先移除子元素的資料和事件處理函式,然後移除子元素。

如果你想刪除元素,不破壞他們的資料或事件處理程式(這些繫結的資訊還可以在之後被重新新增回來),請使用.detach()代替 。

.empty()相似。.remove()將元素移出dom。 當我們想將元素自身移除時我們用.remove(),同時也會移除元素內部的一切,包括繫結的事件及與該元素相關的jquery資料。要刪除的元素不刪除資料和事件的情況下,使用.detach()來代替。

<

div

class

="container"

>

<

div

class

="hello"

>hello

div>

<

div

class

="goodbye"

>goodbye

div>

div>

$('.hello').remove();

<

div

class

="container"

>

<

div

class

="goodbye"

>goodbye

div>

div>

.unwarp()將匹配元素集合的父級元素刪除,保留自身(和兄弟元素,如果存在)在原來的位置。不接受引數

.warp()相反,加上元素

.replaceall() 描述:用集合的匹配元素替換每個目標元素。

<

div

class

="container"

>

<

div

class

="inner first"

>hello

div>

<

div

class

="inner second"

>and

div>

<

div

class

="inner third"

>goodbye

div>

div>

$('<

h2>new heading

h2>').replaceall('.inner');

<

div

class

="container"

>

<

h2>new heading

h2>

<

h2>new heading

h2>

<

h2>new heading

h2>

div>

$('.first').replaceall('.third');

<

div

class

="container"

>

<

div

class

="inner second"

>and

div>

<

div

class

="inner first"

>hello

div>

div>

.replacewith()與.replaceall()相反。

並且支援方法

$("button").click(function () );

jquery學習 與DOM,選擇器

dom與jquery innerhtml html document.getelementbyid foo innerhtml foo html dom物件與jquery物件 var variable dom物件 var variable jquery物件 區別就是jquery需要在變數前加乙個 符...

Jquery物件 jquery與dom物件的區別

最近工作有很多判斷的 用到了jquery與dom物件的地方比較多,寫在這裡加強下基本概念 1.判斷是否存在時候,要用dom物件,因為jquery在獲得物件的時候,無論要獲得的物件是否存在,都會返回jquery物件 2.jquery物件與dom物件的轉換 jquery物件就是通過jquery包裝dom...

JQuery物件與DOM物件

開始以為jquery的 id 與 js的document.getelementbyid id 是一樣的。但是當我對select使用selectedindex屬性的時候,發現前者不可以,而後者可以。原來,jquery的 id 返回的是乙個jquery物件,用document.getelementbyi...