jquery remove()不兼容问题解决方案

 

jquery remove()不兼容问题解决方案

CreationTime--2018年7月27日10点19分

Author:Marydon

1.情景展示

  点击关闭,将这个div移除掉

jquery remove()不兼容问题解决方案

  源码展示  

jquery remove()不兼容问题解决方案

  使用jquery的remove()方法移除不掉,报错信息如下:

jquery remove()不兼容问题解决方案

2.解决方案

  但是,将代码复制到单独的html文件中,进行测试,却没有问题,

  而且,项目中其它地方使用remove()方法也没问题,很尴尬。。。

  网上说这是ie11的兼容问题,姑且把这种情况归类到兼容性上吧。

  先找要删除的节点的父级节点,然后使用原生js的removeChild方法删除该节点。     

$('#closeWind').click(function() {
//jquery对象转换成js对象
var wrapBox = $('#wrapBox')[0];
var upLoadBox = $('div.upLoadBox')[0];
$("body")[0].removeChild(wrapBox);
$("body")[0].removeChild(upLoadBox);
});

3.小结

  正确地对待这个问题:

  如果报错再使用原生js移除节点;否则使用jquery的remove()方法实现;

  当然了,使用原生js是绝对不会出问题的,使用jquery相对js会方便些!

相关推荐:

 
上一篇:Jquery remove() empty() css()


下一篇:探索jquery方法中empty,remove与detach的区别