博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 中remove()与detach()的区别
阅读量:2504 次
发布时间:2019-05-11

本文共 570 字,大约阅读时间需要 1 分钟。

1、remove([expr])

从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。

2、detach([expr])

从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。

简单举例:

html:

区别

js:

p元素的绑定事件 $("p").click(function(){alert("remove与detach的区别")});

var a=$("p").remove() a即是删除的p元素的jquery对象, 当重新将保留下来的p元素塞回到body中$("body").html(a[0]),当再点击p元素的时候并没有触发click事件,即事件已经被remove事件移除掉。

var b=$("p").detach() a即是删除的p元素的jquery对象, 当重新将保留下来的p元素塞回到body中$("body").html(a[0]),当再点击p元素的时候触发click事件,即事件依然保留在元素上,detach事件并没有移除掉p元素的事件。

转载地址:http://bylgb.baihongyu.com/

你可能感兴趣的文章
摄影扫盲
查看>>
POJ 2388 - Who's in the Middle
查看>>
python 计时程序运行时间
查看>>
【最小生成树+贪心】BZOJ1821: [JSOI2010]Group 部落划分 Group
查看>>
ios-自动布局指南:入门
查看>>
【Shell脚本学习4】几种常见的Shell
查看>>
DataStructure part1 基础概念
查看>>
201521123007《Java程序设计》第11周学习总结
查看>>
BitLocker 加密工具挂起和恢复命令行(windows7)
查看>>
VMware下centos7安装VMware Tools
查看>>
Eclipse下Android开发的问题:Failed to install AndroidPhone.apk on device 'emulator-5554': timeout 解决办法...
查看>>
[luogu_P2045]方格取数加强版
查看>>
android 代理模式创建Activity
查看>>
c++课程设计之菜单选择\\
查看>>
iOS 的 XMPPFramework 简介
查看>>
hdu 3555 数位dp入门
查看>>
Git学习系列-Git基本概念
查看>>
c#多个程序集使用app.config 的解决办法
查看>>
模仿网站登录注册
查看>>
Linux+Apache+PHP+MySQL服务器环境配置(CentOS篇)
查看>>