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

一、清空元素的区别

1、错误做法一：

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

2、错误做法二：

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

3、正确做法：

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

二、原理：

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

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

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

// Remove any remaining nodes
while ( this.firstChild )
this.removeChild( this.firstChild );
}

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