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