JQuery关于DOM的释放

JQuery关于DOM的释放

JQuery的empty()和remove()

empty()是调用remove()来进行清空的，

而remove()则是先清理所有选中的对象及其子对象的所有事件和属性，再使用removeChild()删除自己.

经在IE6下测试，removeChild()有两个很重要特性：

第一，他不会删除DOM中的事件

第二，他不会真正删除（释放）指定对象中的子对象

而JQuery就是犯了第二条，结果所有子对象都成为了不在DOM树中的“游离子DOM树”,这时JS是无能为力了(因为已经没有引用地址，例如变量名)，即使使用CollectGarbage();都不能释放内存

解决方案(伪代码)：

jQuery(“*”,obj).add([obj]).each(function(){

jQuery.event.remove(this);

jQuery.removeData(this);

});

obj.innerHTML=“”;

PS.:

上面代码意思是：使用JQuery把指定对象及所有子对象的事件和属性去除，这是由于使用innerHTML和removeChild()一样也不能清除对象的事件，然后使用innerHTML=””来清空内容，使用innerHTML=”能把所有子对象都完全清空.