欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery刪除節(jié)點(diǎn)的三個(gè)方法即remove()detach()和empty()

 更新時(shí)間：2013年12月27日 11:32:25   作者：  
jQuery提供了三種刪除節(jié)點(diǎn)的方法，即remove()，detach()和empty()，下面為大家詳細(xì)介紹下jQuery刪除節(jié)點(diǎn)三個(gè)方法的具體使用

jQuery提供了三種刪除節(jié)點(diǎn)的方法，即remove()，detach()和empty()。

測(cè)試所用HTML代碼：

復(fù)制代碼 代碼如下:

<p title="選擇你最喜歡的水果？">你最喜歡的水果是？</p>
<ul>
<li title="蘋果">蘋果</li>
<li title="橘子">橘子</li>
<li title="菠蘿">菠蘿</li>
</ul>

1、remove()方法
復(fù)制代碼 代碼如下:

$("ul li").click(function(){
alert($(this).html());
});
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");

當(dāng)某個(gè)節(jié)點(diǎn)用remove()方法刪除后，該節(jié)點(diǎn)所包含的所有后代節(jié)點(diǎn)將同時(shí)被刪除。這個(gè)方法的返回值是一個(gè)指向已被刪除的節(jié)點(diǎn)的引用，因此可以在以后再使用這些元素。

2、detach()方法
復(fù)制代碼 代碼如下:

var $li = $("ul li:eq(1)").detach();
$li.appendTo("ul");

detach()和remove()一樣，也是從DOM中去掉所有匹配的元素。但需要注意的是，這個(gè)方法不會(huì)把匹配的元素從jQuery對(duì)象中刪除，因而可以在將來(lái)再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的數(shù)據(jù)都會(huì)保留下來(lái)。

3、empty()方法
復(fù)制代碼 代碼如下:

var $li = $("ul li:eq(1)").empty();
$li.appendTo("ul");

嚴(yán)格地講，empty()方法并不是刪除節(jié)點(diǎn)，而是清空節(jié)點(diǎn)，它能清空元素中的所有后代節(jié)點(diǎn)。

相關(guān)文章

  • 基于jquery的讓頁(yè)面控件不可用的實(shí)現(xiàn)代碼

    基于jquery的讓頁(yè)面控件不可用的實(shí)現(xiàn)代碼

    當(dāng)用戶需要某項(xiàng)功能時(shí)要填寫一些表單信息，在填寫完成并提交后，該部分信息是不允許再次修改的。表單包含TextBox、DropDownList、CheckBox等控件。
    2010-04-04
  • 模擬多級(jí)復(fù)選框效果的jquery代碼

    模擬多級(jí)復(fù)選框效果的jquery代碼

    今天又次體會(huì)到j(luò)query的強(qiáng)大了，做了個(gè)多級(jí)復(fù)選框的效果，代碼塊分兩塊:一是全選的效果、二是當(dāng)前復(fù)選框的父框根據(jù)當(dāng)前框的兄弟是否全選中來(lái)決定父框是否選中
    2013-08-08
  • jQuery Mobile框架中的表單組件基礎(chǔ)使用教程

    jQuery Mobile框架中的表單組件基礎(chǔ)使用教程

    jQuery Mobile框架主要針對(duì)移動(dòng)端的Web UI設(shè)計(jì),其中豐富的表單組件調(diào)用起來(lái)也是相當(dāng)方便,接下來(lái)就為大家整理了一份jQuery Mobile框架中的表單組件基礎(chǔ)使用教程,需要的朋友可以參考下
    2016-05-05
  • jQuery中 delegate使用的問(wèn)題

    jQuery中 delegate使用的問(wèn)題

    本文主要給大家介紹的是在jQuery中使用delegate的時(shí)候遇到的幾個(gè)小小的坑，主要是習(xí)慣了使用bind,live，一時(shí)改不過(guò)來(lái)的問(wèn)題，這里記錄下來(lái)推薦給大家。
    2015-07-07
  • jQuery 3.0 的變化及使用方法

    jQuery 3.0 的變化及使用方法

    jQuery ，是迄今為止世界上最流行的 JavaScript 庫(kù)，一直是我們這些 Web 開(kāi)發(fā)者的神器。自從它在 2006 年發(fā)布最初版本直到如今，已經(jīng)有非常多的 Web 開(kāi)發(fā)者在項(xiàng)目中引入了這個(gè)優(yōu)秀的庫(kù)來(lái)使開(kāi)發(fā)工作變得更輕松
    2016-02-02
  • 用jquery模仿的a的title屬性(兼容ie6/7)

    用jquery模仿的a的title屬性(兼容ie6/7)

    用jQuery實(shí)現(xiàn)的模仿a的title屬性的例子，在測(cè)試的時(shí)候ie6,7上出現(xiàn)了層次混亂，不過(guò)最終解決了,代碼書(shū)寫很詳細(xì)，感興趣的朋友可以了解下哦
    2013-01-01
  • jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載

    jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載

    今天我給大家介紹一款非常有趣的日期和時(shí)間選擇器，它分為日期選擇器datedropper以及時(shí)間選擇器timedropper，他們倆尤其適合在移動(dòng)端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧
    2016-04-04
  • jQuery grep()方法詳解及實(shí)例代碼

    jQuery grep()方法詳解及實(shí)例代碼

    這篇文章主要介紹了jQuery grep()方法詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • 利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼

    利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼

    利用jQuery操作對(duì)象數(shù)組的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
    2011-04-04
  • jquery+Jscex打造游戲力度條

    jquery+Jscex打造游戲力度條

    游戲力度條大家一定不陌生，在很多游戲中都能用到，本文介紹了jquery+Jscex打造游戲力度條，有需要的朋友可以了解一下。
    2016-10-10

最新評(píng)論