jQuery删除节点的三个方法即remove()detach()和empty()
jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。
<p title="选择你最喜欢的水果?">你最喜欢的水果是?</p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</ul>
$("ul li").click(function(){
alert($(this).html());
});
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");
当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。
var $li = $("ul li:eq(1)").detach();
$li.appendTo("ul");
detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。
var $li = $("ul li:eq(1)").empty();
$li.appendTo("ul");
严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。
相关推荐
-
jQuery使用empty()方法删除元素及其所有子元素的方法
本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function()
-
javascript Array.remove() 数组删除
复制代码 代码如下: Array.prototype.remove = function(b) { var a = this.indexOf(b); if (a >= 0) { this.splice(a, 1); return true; } return false; }; 以后使用过程中,就可以直接利用这个函数,删除数组中的值了.
-
清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
一.清空元素的区别 1.错误做法一: $("#test").html("");//该做法会导致内存泄露 2.错误做法二: $("#test")[0].innerHTML=""; ;//该做法会导致内存泄露 3.正确做法: //$("#test").empty(); 二.原理: 在 jQuery 中用 innerHTML 的方法来清空元素,是必然会导致内存泄露的,由于 jquery 对
-
浅谈java Iterator.remove()方法的用法(详解)
实例如下: @Test public void tt(){ List<String> list = new ArrayList<String>(); list.add( "0" ); list.add( "1" ); list.add( "2" ); list.add( "3" ); list.add( "4" ); list.add( "5" ); list.a
-
php empty,isset,is_null判断比较(差异与异同)
一.举例说明 A.一个变量没有定义,我们该怎么样去判断呢 复制代码 代码如下: <?php #不存在$test 变量 $isset= isset($test)?"test is define!":"test is undefine!"; echo "isset:$isset\r\n"; $empty=!empty($test)?"test is define!":"test is undefine!"
-
PHP isset()与empty()的使用区别详解
PHP的isset()函数 一般用来检测变量是否设置 格式:bool isset ( mixed var [, mixed var [, ...]] ) 功能:检测变量是否设置 返回值: 若变量不存在则返回 FALSE 若变量存在且其值为NULL,也返回 FALSE 若变量存在且值不为NULL,则返回 TURE 同时检查多个变量时,每个单项都符合上一条要求时才返回 TRUE,否则结果为 FALSE 版本:PHP 3, PHP 4, PHP 5 更多说明: 使用 unset() 释放变量之后,它将
-
jQuery remove()过滤被删除的元素(推荐)
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤. 该参数可以是任何 jquery 选择器的语法. 下面的例子删除 class="italic" 的所有 <p> 元素: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/
-
jquery之empty()与remove()区别说明
1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置. 2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置. 例:<p>Hello</p>World<p>welcome</p> 执行$("p").empt
-
老生常谈jquery中detach()和remove()的区别
JQuery是一个很大强的工具库,在工作中开发中,可是有些方法还是因为不常用到,或是没有注意到而被我们而忽略. remove()和detach()可能就是其中的一个,可能remove()我们用得比较多,而detach()就可能会很少了 通过一张对比表来解释2个方法之间的不同 方法名 参数 事件及数据是否也被移除 元素自身是否被移除 remove 支持选择器表达 是 是(无参数时),有参数时要根据参数所涉及的范围 detach 参数同remove 否 情况同remove remove:移除节点 -
-
jQuery删除节点的三个方法即remove()detach()和empty()
jQuery提供了三种删除节点的方法,即remove(),detach()和empty(). 测试所用HTML代码: 复制代码 代码如下: <p title="选择你最喜欢的水果?">你最喜欢的水果是?</p> <ul> <li title="苹果">苹果</li> <li title="橘子">橘子</li> <li title="菠萝"
-
jQuery删除节点用法示例(remove方法)
本文实例讲述了jQuery删除节点的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/
-
jquery 删除节点 添加节点 找兄弟节点的简单实现
$().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会 被删除 $().remove(); //该方法会删除当前节点下的所有子节点,请注意 当前节点会 被删除 $().append('<a>something</a>') //该方法在当前节点的末尾 添加 这个a标签 $().after('<span style="font-family: Arial, Helvetica, sans-serif;"><a>
-
Jquery删除css属性的简单方法
有时我们不需要某个css属性时,想删除它,但有没有removeCss方法,怎么办呢? 可以使用如下方法解决 $('选择器').css('css属性',''); 即将css属性值赋值为空,页面中就不会显示该css属性了. 如:$('.div1').css('opacity',''); 以上这篇Jquery删除css属性的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
Redis删除策略的三种方法及逐出算法
目录 一.前言 二.Redis中的数据特征 三.时效性数据储存结构 四.数据删除策略 1.定时删除 2.惰性删除 3.定期删除 五.删除策略对比 六.逐出算法 1.概念引入 2.八种配置 一.前言 在文章开始之前,我先问大家一个问题:当我们使用指令:expire key second给一个key设置过期时间,过期时间一到,这个key对应的过期数据真的被服务器立即删除了吗?答案是并不会立即删除.知道了这个答案,就来看看Redis中如何处理过期的数据. 二.Redis中的数据特征 Redis是一种内
-
jquery 添加节点的几种方法介绍
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制.替换和删除节点</title> <script type="text/javascript" src="jquery-1.3.2.js"&g
-
jQuery复制节点用法示例(clone方法)
本文实例讲述了jQuery复制节点的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/
-
mongodb replica set 添加删除节点的2种方法
一,利用rs.reconfig,来添加,删除节点 1,添加节点 repmore:PRIMARY> config = {_id:"repmore",members:[{_id:0,host:'127.0.0.1:27017',priority :2},{_id:1,host:'127.0.0.1:27018',priority:1}]}; //添加节点 repmore:PRIMARY> rs.reconfig(config); //使配置生效 repmore:PRIMARY&
-
ORACLE查询删除重复记录三种方法
比如现在有一人员表 (表名:peosons) 若想将姓名.身份证号.住址这三个字段完全相同的记录查询出来 复制代码 代码如下: select p1.* from persons p1,persons p2 where p1.id<>p2.id and p1.cardid = p2.cardid and p1.pname = p2.pname and p1.address = p2.address 可以实现上述效果. 几个删除重复记录的SQL语句 1.用rowid方法 2.用g
-
jquery 删除cookie失效的解决方法
最近做一个功能, 但是删除cookie的时候总是失效, 搞不清楚什么原因. 使用$.cookie("name",""); 结果出来是生成了一个新的空值的cookie. 使用$.cookie("name",null); 又删除不掉cookie. 最后使用$.cookie("name",null,{path:"/"}); 终于成功了. 或许是$.cookie的一个bug吧, 不知最新版的有没有修复这个Bug
随机推荐
- PostgreSQL 数据库性能提升的几个方面
- 浅析2003两种快速自动登录捷径
- java多线程编程之捕获子线程异常示例
- Python使用time模块实现指定时间触发器示例
- 关于IE7 IE8弹出窗口顶上
- 漂亮实用的页面loading(加载)封装代码
- ASP.NET Core MVC压缩样式、脚本详解
- windows下安装pear及phpunit(注意配置好php命令行环境)
- PHP写杨辉三角实例代码
- 基于javascript实现listbox左右移动
- C#常用GDI+文字操作汇总
- C++ AfxBeginThread的介绍/基本用法
- Android自定义View绘制的方法及过程(二)
- 企业生产MySQL优化介绍
- 局域网内部署 Docker Registry(推荐)
- javascript Ajax 类实现代码
- jQuery实现进度条效果代码
- jQuery设置图片等比例缩小的方法
- 详细谈谈javascript的对象
- javascript实现的登陆遮罩效果汇总