清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)

一、清空元素的区别

     1、错误做法一：

           $("#test").html("");//该做法会导致内存泄露

     2、错误做法二：

           $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露

     3、正确做法：

        //$("#test").empty();       

二、原理：

在 jQuery 中用 innerHTML 的方法来清空元素，是必然会导致内存泄露的，由于 jquery 对于同一元素多事件处理没有直接采用浏览器事件模型，而是自己缓存事件，遍历触发，以及便于 trigger 程序触发 ：

// Init the element's event structure 
 var events = jQuery.data(elem, "events") || jQuery.data(elem, "events", {}), 
  handle = jQuery.data(elem, "handle") || jQuery.data(elem, "handle", function(){ 
  // Handle the second event of a trigger and when 
  // an event is called after a page has unloaded 
  return typeof jQuery !== "undefined" && !jQuery.event.triggered ? 
   jQuery.event.handle.apply(arguments.callee.elem, arguments) : 
   undefined; 
  }); 

采用 data 方法，将一些数据关联到了元素上面，上述事件即是采用该机制缓存事件监听器。

那么就可以知道，直接 innerHTML＝“” 而不通知 jquery 清空与将要删除元素关联的数据，那么这部分数据就再也释放不了了，即为内存泄露。

remove: function( selector ) { 
 if ( !selector || jQuery.filter( selector, [ this ] ).length ) { 
  // Prevent memory leaks 
  jQuery( "*", this ).add([this]).each(function(){ 
  jQuery.event.remove(this); 
  jQuery.removeData(this); 
  }); 
  if (this.parentNode) 
  this.parentNode.removeChild( this ); 
 } 
 }, 
 empty: function() { 
 // Remove element nodes and prevent memory leaks 
 jQuery(this).children().remove(); 
 
 // Remove any remaining nodes 
 while ( this.firstChild ) 
  this.removeChild( this.firstChild ); 
 }

  以上就是小编为大家整理的清空元素html("")、innerHTML="" 与 empty()的区别和应用的全部内容啦~希望能够帮助到各位朋友~~

# jquery  # html  # empty  # html清空元素  # empty标签  # PHP isset()与empty()的使用区别详解  # jQuery删除节点的三个方法即remove()detach()和empty()  # php empty  # isset  # is_null判断比较（差异与异同）  # jQuery使用empty()方法删除元素及其所有子元素的方法  # javascript Array.remove() 数组删除  # jquery之empty()与remove()区别说明  # 浅谈java Iterator.remove()方法的用法(详解)  # 老生常谈jquery中detach()和remove()的区别  # jQuery remove()过滤被删除的元素（推荐）  # 清空  # 该做  # 法会  # 遍历  # 而不  # 这部  # 即是  # 方法来  # 即为  # 小编  # 就可以  # brush  # Init  # js  # trigger  # pre  # class  # events  # data  # elem 

相关文章： 相册网站制作软件,图片上的网址怎么复制？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  建站主机是什么？如何选择适合的建站主机？  如何访问已购建站主机并解决登录问题？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  网站制作服务平台,有什么网站可以发布本地服务信息？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  nginx修改上传文件大小限制的方法  香港服务器网站推广：SEO优化与外贸独立站搭建策略  如何快速搭建个人网站并优化SEO？  如何登录建站主机？访问步骤全解析  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  如何正确选择百度移动适配建站域名？  ppt制作免费网站有哪些,ppt模板免费下载网站？  宁波免费建站如何选择可靠模板与平台？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  阿里云网站制作公司,阿里云快速搭建网站好用吗？  网站制作免费,什么网站能看正片电影？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  建站之星如何快速更换网站模板？  如何用低价快速搭建高质量网站？  常州企业建站如何选择最佳模板？  制作农业网站的软件,比较好的农业网站推荐一下？  油猴 教程,油猴搜脚本为什么会网页无法显示？  制作销售网站教学视频,销售网站有哪些？  如何在阿里云域名上完成建站全流程？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  常州自助建站工具推荐：低成本搭建与模板选择技巧  桂林网站制作公司有哪些,桂林马拉松怎么报名？  用v-html解决Vue.js渲染中html标签不被解析的问题  网站制作壁纸教程视频,电脑壁纸网站？  定制建站价位费用解析与套餐推荐全攻略  网站制作价目表怎么做,珍爱网婚介费用多少？  如何在阿里云高效完成企业建站全流程？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  建站之星后台密码遗忘或太弱？如何重置与强化？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  宝塔面板如何快速创建新站点？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  Python lxml的etree和ElementTree有什么区别  三星网站视频制作教程下载,三星w23网页如何全屏？  安云自助建站系统如何快速提升SEO排名？  如何快速完成中国万网建站详细流程？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据