亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery DOM刪除節點操作指南

2019-11-20 13:02:31
字體:
來源:轉載
供稿:網友

下面示例可能用到如下HTML代碼:

復制代碼 代碼如下:

<ul>
  <li title="t1">蘋果</li>
  <li>香蕉</li>
  <li>橘子</li>
  <li>葡萄</li>
  <li>草莓</li>
</ul>

1、remove()方法:

作用:從DOM中刪除所有匹配的元素,傳入的參數用于根據jQuery表達式來篩選元素。

例如,刪除上圖中<ul>節點中的第二個<li>元素節點,jQuery代碼如下:

復制代碼 代碼如下:

$(document).ready(function() {
   $("ul li:eq(1)").remove();
});

當某個節點用remove()方法刪除后,該節點所包含的所有后代節點將同時被刪除。這個方法的返回值是一個指向已被刪除的節點的引用,因此可以在以后再使用這些元素。下面的jQuery代碼說明元素用remove()方法刪除后,還是可以繼續使用的。

復制代碼 代碼如下:

var $li=$("ul li:eq(1)").remove();
$li.appendTo("ul");   //把刪除的節點又重新添加到<ul>元素里

可以直接使用appendTo()方法的特性來簡化以上代碼:

復制代碼 代碼如下:

$("ul li:eq(1)").appendTo("ul");//appendTo()方法也可以用來移動元素,移動元素時首先從文檔上刪除此元素,然后將該元素插入到文檔中的指定節點。

另外remove()方法也可以通過傳遞參數來選擇性地刪除元素:

復制代碼 代碼如下:

$("ul li").remove("li[title='t1']");

2、detach()方法:

detach()和remove()一樣,也是從DOM中去掉所有匹配的元素。但需要注意的是,這個方法不會匹配的元素從jQuery對象刪除,因而可以在將來再使用這些匹配的元素。與remove()不同的是,所有綁定的事件、附件的數據等都會保留下來。

通過下面的例子,可以知道它與remove()方法的區別:

復制代碼 代碼如下:

$("ul li").click(function(){
   alert($(this).html());
})
var $li=$("ul li:eq(1)").detach();  //刪除元素
$li.appendTo("ul");  //重新追加此元素,發現它之前綁定的事件還在,如果使用remove()方法刪除元素的話,那么它之前把綁定的事件將失效;

3、empty()方法

嚴格來講,empty()方法并不是刪除節點,而是清除節點,它能清空元素中的所有后代節點。

復制代碼 代碼如下:

$("ul li:eq(1)").empty();//獲取第二個<li>元素節點后,清空此元素里的內容,注意是元素里。

運行后的結果為:

當運行代碼后,第二個<li>元素的內容被清空了,只剩下<li>元素默認的符號"."。

以上就是本文所述的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
青青久久av北条麻妃黑人| 91成人在线播放| 日本亚洲欧洲色| 最近2019中文免费高清视频观看www99| 中文字幕一精品亚洲无线一区| 欧美超级乱淫片喷水| 国产精品27p| 精品国内产的精品视频在线观看| 亚洲欧美激情视频| 国产精品日日摸夜夜添夜夜av| 精品毛片三在线观看| 91在线视频精品| 热久久这里只有精品| 亚洲片国产一区一级在线观看| 欧美在线一区二区视频| 精品久久久久久中文字幕一区奶水| 亚洲美女精品成人在线视频| 国产亚洲欧美视频| 欧美国产第一页| 精品女同一区二区三区在线播放| 欧美日韩国产精品一区二区不卡中文| 日韩欧美亚洲一二三区| 97人人模人人爽人人喊中文字| 国产亚洲美女久久| 日韩av高清不卡| 91色p视频在线| 国产九九精品视频| 在线播放日韩专区| 欧美成人免费在线视频| 日韩欧美国产视频| 国产成人免费av电影| 日韩免费av片在线观看| 欧美日韩人人澡狠狠躁视频| 欧美老少做受xxxx高潮| 亚洲影院色无极综合| 国产最新精品视频| 日韩精品视频在线免费观看| 国产精品6699| 国产精品久在线观看| 久久成人综合视频| 欧美日韩国产123| 欧美成人精品在线观看| 亚洲人精选亚洲人成在线| 国产又爽又黄的激情精品视频| 色偷偷av一区二区三区乱| 国产精品久久视频| 国产日韩欧美91| 久久九九免费视频| 亚洲成人网久久久| 丝袜亚洲另类欧美重口| 91嫩草在线视频| 97精品视频在线| 久久91精品国产91久久跳| 久久精品国产免费观看| 欧美巨大黑人极品精男| 米奇精品一区二区三区在线观看| 久久久极品av| 中文字幕精品—区二区| 疯狂做受xxxx高潮欧美日本| 美女av一区二区| 狠狠躁夜夜躁人人躁婷婷91| 日韩精品福利网站| 国产一区二区丝袜高跟鞋图片| 亚洲第一区在线观看| 国产成人高清激情视频在线观看| 91美女片黄在线观看游戏| 欧美在线免费观看| 亚洲第一视频网| 欧美日韩在线视频首页| 欧美成人黄色小视频| 国产精品久久久久久亚洲影视| 国产成+人+综合+亚洲欧美丁香花| 91精品久久久久久久久青青| 欧美大片免费看| 亚洲日韩中文字幕在线播放| 欧美性理论片在线观看片免费| 亚洲精品女av网站| 欧美精品午夜视频| 欧美俄罗斯乱妇| 中文字幕自拍vr一区二区三区| 欧美黑人巨大xxx极品| 亚洲区免费影片| 国产亚洲欧洲高清| 日韩av色综合| 亚洲va欧美va在线观看| 久久精品国产免费观看| 亚洲电影免费观看| 神马久久久久久| 茄子视频成人在线| 欧美最猛黑人xxxx黑人猛叫黄| 国产精品日日做人人爱| 中文字幕久久亚洲| 亚洲高清免费观看高清完整版| 亚洲一区中文字幕| 97视频国产在线| 国产综合视频在线观看| 久久精品成人动漫| 欧美成人在线影院| 91中文字幕在线观看| 韩日精品中文字幕| 欧美高清不卡在线| 久久视频在线免费观看| 日韩精品在线观看视频| 欧美激情一二区| 最近2019中文字幕大全第二页| 久久久天堂国产精品女人| 日韩亚洲精品视频| 久久影院免费观看| 午夜欧美不卡精品aaaaa| 久久亚洲精品成人| 欧美精品video| 久久激情视频免费观看| 久久久国产精品一区| 久久伊人免费视频| 亚洲一区二区三区香蕉| 欧美激情xxxx性bbbb| 日本最新高清不卡中文字幕| 亚洲日本aⅴ片在线观看香蕉| 国产精品欧美亚洲777777| 久久97久久97精品免视看| 日韩av日韩在线观看| 国产精品av电影| 欧美激情在线播放| 国产精品视频xxx| 国产日韩在线观看av| 欧美区在线播放| 国产色婷婷国产综合在线理论片a| 亚洲第一区在线观看| 91在线视频一区| 国产精品日韩欧美| 欧美日韩一区二区三区| 精品国产精品三级精品av网址| 国产午夜精品全部视频在线播放| www.国产精品一二区| 亚洲人成电影在线| 国产日韩欧美自拍| 欧美成人手机在线| 亚洲白虎美女被爆操| 色狠狠久久aa北条麻妃| 色狠狠av一区二区三区香蕉蜜桃| 国产精品久久久久高潮| 欧美成人免费小视频| 亚洲精品suv精品一区二区| 亚洲国产成人精品久久久国产成人一区| 国产欧美日韩专区发布| 草民午夜欧美限制a级福利片| 国产精品久久久久久影视| 亚洲欧美日韩天堂| 国产日韩欧美在线看| 欧美激情精品久久久久久变态| 日韩网站免费观看高清| 国产精品美女免费看| 97国产精品视频人人做人人爱| 日韩中文字幕在线观看| 日韩电影大片中文字幕| 性欧美xxxx| 亚洲激情中文字幕| 亚洲黄页视频免费观看| 国产精品久久久久久久久久久新郎| 欧美激情视频播放| 日韩精品极品在线观看| 亚洲国产99精品国自产| 欧美日韩中文字幕在线| 国产精品视频精品视频|