博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery清空标签内容--防止内存泄露
阅读量:6510 次
发布时间:2019-06-24

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

  写jQuery代码是,经常会做清空一个标签内容的操作。那么你是怎么做的呢?比如

星期一

星期二

星期三

星期四

星期五

星期六

星期天

  我们要清除掉box中的所有元素。

  你可能会好不犹豫的写下代码:

$('#box').html('');

  首先必须承认,这么写能实现清空box的效果。

  但是,这么写不好。因为这么写有可能会引起内存泄露。

  何谓内存泄露?就是你的程序由于某种原因,占用了过多的内存空间,并且,在你不需要使用这些内存空间之后,仍然无法释放掉这些内存空间;当你由此占用的空间越来越多,达到一定程度后,就有可能引起程序崩溃;此所谓内存泄露。

  那问题来了,这个$obj.html('')方法为啥会引起内存泄露?(ps:这里的$obj表示一个jQuery对象)

  $obj.html('')只清空该对象的内部元素,但是不会清楚注册在内部元素上的事件。

  比如上例中,如果div#box里的p标签上还注册有事件,那么这些事件代码当然要占用内存。如果你使用$('#box').html('')来清空所有的p,那么box的内容确实被清空了,但是注册在这些p标签上的事件代码并没有被清理掉,这些事件代码仍然保留在内存里,并且无法得到释放。

  解决之道:使用empty()

$('#box').empty();

  empty()会清空一切,包括那些被清理掉的元素身上注册的事件,这样就防止发生内存泄露。

  ps:你可能会说,现在内存动不动都4G,8G,你要是因为这卡了,是你电脑太烂。你非要这么说,我也无话可说。不过话说回来了,有更好的,正确的,为啥不用呢?勿以善小而不为嘛

  

转载于:https://www.cnblogs.com/ldq678/p/9902684.html

你可能感兴趣的文章
设计模式 之 访问者模式
查看>>
JAVA Collections框架
查看>>
更改Windwos server 2003 域用户密码策略默认配置
查看>>
进制转换
查看>>
html与html5的一些区别
查看>>
ASCII码
查看>>
java常用四种排序源代码
查看>>
win7 下硬盘安装Redhat7
查看>>
Redis 分布式锁的正确实现方式
查看>>
mysqldump 备份命令使用中的一些经验总结
查看>>
Linux下MySql安装配置方法总结
查看>>
本IT博客用于域名投资、互联网、资源下载等相关干货收藏和学习
查看>>
ArrayList底层实现
查看>>
【转载】Java程序设计入门 (二)
查看>>
which、whereis、location和fand的区别
查看>>
单词最近距离
查看>>
程序猿知道英语词汇
查看>>
数据存储(两)--SAX发动机XML记忆(附Demo)
查看>>
ECSHOP添加购物车加图片飞入效果
查看>>
谈谈SQL 语句的优化技术
查看>>