jquery移除某個元素的方法:1、使用empty()函數,語法「指定元素物件.empty()」;2、使用remove()函數,語法「指定元素物件.remove( )」;3、使用detach()函數,語法「指定元素物件.detach()」。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
一、empty()方法
從DOM移除集合中符合元素的所有子節點。
範例:
<div class="container"> <div class="hello">Hello</div> <div class="goodbye">Goodbye</div> </div>
移除方法:
$('.hello').empty();
效果:
<div class="container"> <div class="hello"></div> <div class="goodbye">Goodbye</div> </div>
如果
裡麵包含任何數量的巢狀元素,他們也會被移走。
為了避免記憶體洩漏,jQuery先移除子元素的資料和事件處理函數,然後移除子元素
二、remove()方法:
描述: 將符合元素集合從DOM中刪除。 (同時移除元素上的事件及 jQuery 資料。)
和 .empty()相似。 .remove() 將元素移出DOM。 當我們想要移除元素時我們用.remove(),同時也會移除元素內部的一切,包括綁定的事件及與該元素相關的jQuery資料
範例:
<div class="container"> <div class="hello">Hello</div> <div class="goodbye">Goodbye</div> </div>
移除方法:
$('.hello').remove(); 或者用 $('div').remove('.hello');
效果:
<div class="container"> <div class="goodbye">Goodbye</div> </div>
也就是說class對應的自身的p也移除了
三、detach()方法:
從DOM中去掉所有符合的元素
detach() 方法和.remove()一樣, 除了.detach()保存所有jQuery資料和被移走的元素相關聯。當需要移除一個元素,不久後又將該元素插入DOM時,這種方法很有用。
四、html("")方法:
#html() 方法如果未設定參數,則傳回被選取元素的當前內容。 html("")
則清空被選元素的目前內容。
empty() 方法從被選取元素移除所有內容,包括所有文字和子節點。
兩者最終實現的效果是一樣的
html()回傳值:String 也就是說可以用變數接收的
#empty()回傳值:jQuery 不能用變數接收
#另外:
##empty( )方法無參數,且清空後的子集及文字無法進行還原。而detach()和remove()方法可以將其保存在一個變數中 如聲明變數p 寫成如下形式
var p=$('p').remove();當需要從新新增時可以直接新增如下
p.appendTo("body");這是detach()和remove()方法都有的功能。 remove()較detach()不同的是:remove()可以刪除指定的類別如remove('a'),而detach()不可這樣操作。 還要注意一點,
當用remove()方法移除元素後,再進行添加,再子集的事件的不會存在,而detach()子集的事件還可執行。
【推薦學習:以上是jquery怎麼移除某個元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!