一、清空元素的區別

     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()的區別和應用的全部內容啦~希望能夠幫助到各位朋友~~