- 浏览: 2566566 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
前面写过一篇jQuery文档处理相关的文章,介绍了一下文档操作中删除相关的api。
那么remove与detach的区别最主要的是什么呢?
我们先做个测试,动动手比死的理论影响深刻。
<div id="test" style="width:200px;height:100px;">默认文字</div> <input type="button" id="detach" value="detach" /> <div id="parent"></div>
$(function(){ //绑hover $('#test').hover(function(){ $(this).html("hover状态"); },function(){ $(this).html("原始的内容"); }); //调用detach; $('#detach').click(function(){ //绑detach //var test = $('#test').detach(); //绑remove var test = $('#test').remove(); $('#parent').append(test); }); });
最后发现:
- detach之后,test的hover事件还存在
- remove之后,test的hover事件不存在
注释:detach与remove返回的都是匹配的jQuery对象
结论:
- detach对所有绑定的事件,附加的数据都会保留,而remove不会
发表评论
-
css 面试题画三角
2017-02-27 16:12 1128如何画三角? .test{ wid ... -
Function与Object
2013-10-21 16:20 1274先看一段代码: Function in ... -
关于html的压缩
2013-07-19 20:49 1374本文简单记录关于html压缩相关的问题: ... -
再谈面试题系列
2013-06-18 11:18 1288收录一个不错的case: {}.t ... -
面试题系列之不一样的P
2013-05-08 16:13 1279以下代码: <html> ... -
又是null
2013-04-25 11:46 0null > 0 ... -
取最大最小值
2013-04-12 16:17 0http://www.cnblogs.com/ ... -
判断鼠标移入的方向
2013-04-12 14:36 0本文主要来自:http://www.cnbl ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1596mouseover与mouseenter的区 ... -
坑爹的逗号运算符
2013-03-29 17:58 1695先来看一个小题: //返回多少? x ... -
一些不好的写法汇总
2013-02-19 14:29 1118下面是一种比较多余的“高级”写法: / ... -
前端面试题系列之length
2013-01-29 11:43 1191举出含有length属性的对象? window ... -
关于function的length
2013-01-21 12:12 1355问题:Function对象的length是干嘛的? ... -
IE下stack overflow的可能原因
2013-01-18 18:31 1350收集了一些网上出现这种问题的原因: ... -
介绍一下nofollow
2013-01-16 15:22 1001问题: <a rel="nofol ... -
删除数组的偶数项
2013-01-06 17:04 4024问题:要删除指定数组中偶数索引的item? ----- ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2818很多时候我们会给某个dom元素赋予一些自定义的属 ... -
如何模拟ie6
2012-11-27 10:20 1495问题:如何模拟ie6进行相关测试? 一般的答案:IET ... -
a设置disabled属性
2012-11-27 10:06 26627场景: 现在很多场景下的提交按钮,比如为了支持hov ... -
回顾cookie的细节
2012-11-05 17:12 0虽然对于本地化存储的方案中,cookie已经被localst ...
相关推荐
empty、remove和detach三者都有把元素移除的作用,但细微的差别,造就了它们的使命不同。下面给大家介绍jQuery中的empty、remove和detach的区别,感兴趣的朋友一起学习吧
remove()和detach()可能就是其中的一个,可能remove()我们用得比较多,而detach()就可能会很少了 通过一张对比表来解释2个方法之间的不同 方法名 参数 事件及数据是否也被移除 元素自身是否被移除 ...
jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。 测试所用HTML代码: 代码如下: ”选择你最喜欢的水果?”>你最喜欢的水果是?</p> <ul> ”苹果”>苹果</li> ”橘子”>橘子</li> ”菠萝”>菠萝...
说明:detach()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 语法结构: 代码如下:$(selector).detach(expr) ...
6.5.3 detach([expr]) 106 6.6 复制 106 6.6.1 clone() 106 6.6.2 clone(true) 107 7. CSS 107 7.1 CSS 107 7.1.1 css(name) 107 7.1.2 css(properties) 108 7.1.3 css(name, value) 108 7.1.4 css(name, function...
我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用jQuery...
JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...
jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...
$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...
jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector ...
主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信,内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别,需要的朋友可以...
replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone() clone(true) 筛选过滤 eq(index) first() last() hasClass(class) filter(expr | fn) is(expr) map(callback) has(expr) not(expr) ...
本篇文章主要是对detach()/empty()/remove()/unwrap()]() 中两个函数 getAll和cleanData() 进行解析。 一、getAll(context, tag) 作用: 用来获取 context 上的 tag 标签,或者是将 context 和 context 里的 tag ...