jQuery刪除節(jié)點的三個方法即remove()detach()和empty()
更新時間：2013年12月27日 11:32:25 作者：
jQuery提供了三種刪除節(jié)點的方法，即remove()，detach()和empty()，下面為大家詳細介紹下jQuery刪除節(jié)點三個方法的具體使用
jQuery提供了三種刪除節(jié)點的方法，即remove()，detach()和empty()。
測試所用HTML代碼：
復制代碼 代碼如下:
<p title="選擇你最喜歡的水果？">你最喜歡的水果是？</p>
<ul>
<li title="蘋果">蘋果</li>
<li title="橘子">橘子</li>
<li title="菠蘿">菠蘿</li>
</ul>
1、remove()方法
復制代碼 代碼如下:
$("ul li").click(function(){
alert($(this).html());
});
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");
當某個節(jié)點用remove()方法刪除后，該節(jié)點所包含的所有后代節(jié)點將同時被刪除。這個方法的返回值是一個指向已被刪除的節(jié)點的引用，因此可以在以后再使用這些元素。
2、detach()方法
復制代碼 代碼如下:
var $li = $("ul li:eq(1)").detach();
$li.appendTo("ul");
detach()和remove()一樣，也是從DOM中去掉所有匹配的元素。但需要注意的是，這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的數(shù)據(jù)都會保留下來。
3、empty()方法
復制代碼 代碼如下:
var $li = $("ul li:eq(1)").empty();
$li.appendTo("ul");
嚴格地講，empty()方法并不是刪除節(jié)點，而是清空節(jié)點，它能清空元素中的所有后代節(jié)點。
您可能感興趣的文章:
- PHP isset()與empty()的使用區(qū)別詳解
- php empty,isset,is_null判斷比較（差異與異同）
- jQuery使用empty()方法刪除元素及其所有子元素的方法
- javascript Array.remove() 數(shù)組刪除
- jquery之empty()與remove()區(qū)別說明
- 淺談java Iterator.remove()方法的用法(詳解)
- 老生常談jquery中detach()和remove()的區(qū)別
- jQuery remove()過濾被刪除的元素（推薦）
- 清空元素html("") innerHTML="" 與 empty()的區(qū)別和應用(推薦)
相關文章
本章內(nèi)容比較簡單，所以說明也比較少，有疑問也以跟帖或私聊2009-07-07
這篇文章主要介紹了jquery左右全屏大尺寸多圖滑動效果，特別適合用商城網(wǎng)站，視覺上特別有沖擊感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jQuery拋物線運動實現(xiàn)方法(附完整demo源碼下載)
這篇文章主要介紹了jQuery拋物線運動實現(xiàn)方法,以完整實例形式分析了jQuery物體運動的實現(xiàn)技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細的分析了jQuery結合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
漢化英文版的Dreamweaver CS5并自動提示jquery
如果從Adobe Dreamweaver CS5的官網(wǎng)上下載了一個Adobe Dreamweaver CS5，那么Adobe Dreamweaver CS5默認你是英文版的，我們中國人還是比較習慣看漢字的。2010-11-11
這篇文章主要介紹了jQuery中的siblings用法,結合實例形式簡單分析了jQuery中siblings的功能及用法,需要的朋友可以參考下2015-12-12
本篇文章主要是對判斷jQuery當前元素是隱藏還是顯示的示例代碼進行了介紹，需要的朋友可以過來參考下2016-11-11
下面小編就為大家分享一篇select獲取下拉框的值 下拉框默認選中方法，具有很好的參考價值，希望對的有所幫助。一起跟隨小編過來看看吧2018-02-02
本文給大家匯總介紹了jQuery的幾種判斷元素的方法，包括是否含有某 class、元素是否存在、是否 checked以及元素是否禁用，都是常用的方法，希望大家能夠喜歡2017-02-02
這篇文章介紹了jquery彈出關閉遮罩層實例，有需要的朋友可以參考一下2013-08-08