清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
一、清空元素的区别
1、错误做法一：
$("#test").html("");//该做法会导致内存泄露
2、错误做法二：
$("#test")[0].innerHTML=""; ;//该做法会导致内存泄露
3、正确做法：
//$("#test").empty();
二、原理：
在jQuery中用innerHTML的方法来清空元素，是必然会导致内存泄露的，由于jquery对于同一元素多事件处理没有直接采用浏览器事件模型，而是自己缓存事件，遍历触发，以及便于trigger程序触发：
//Inittheelement'seventstructure
varevents=jQuery.data(elem,"events")||jQuery.data(elem,"events",{}),
handle=jQuery.data(elem,"handle")||jQuery.data(elem,"handle",function(){
//Handlethesecondeventofatriggerandwhen
//aneventiscalledafterapagehasunloaded
returntypeofjQuery!=="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){
//Preventmemoryleaks
jQuery("*",this).add([this]).each(function(){
jQuery.event.remove(this);
jQuery.removeData(this);
});
if(this.parentNode)
this.parentNode.removeChild(this);
}
},
empty:function(){
//Removeelementnodesandpreventmemoryleaks
jQuery(this).children().remove();
//Removeanyremainingnodes
while(this.firstChild)
this.removeChild(this.firstChild);
}
以上就是小编为大家整理的清空元素html("")、innerHTML=""与empty()的区别和应用的全部内容啦~希望能够帮助到各位朋友~~