源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-09-24 05:28 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
[b]一、清空元素的区别[/b]     [b] 1、错误做法一:[/b]            $("#test").html("");//该做法会导致内存泄露    [b]  2、错误做法二:[/b]            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露     [b]3、正确做法:[/b]       [code]  //$("#test").empty();        [/code] [b]二、原理:[/b] 在 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()的区别和应用的全部内容啦~希望能够帮助到各位朋友~~
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部