jQuery中toggleClass方法在ie11打开开发人员工具可以执行,关闭有问题

 !DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery/jquery-3.3.1.js"></script>
    <style>
        .night{
            background-color:black;
        }
    </style>
    <script>
        $(function () {
            $('#btn').click(function () {
                //if ($('body').hasClass('night')) {
                //    $('body').removeClass('night');
                //}
                //else {
                //    $('body').addClass('night');
                //}
                $('body').toggleClass('night');
            })
        })
    </script>
</head>
<body>
    <input type="button" name="name" value="开关" id="btn"  />
</body>
</html>

在其他浏览器都能正常执行,而在ie11下,只要打开f12,就能顺利执行
不打开f12,点击背景颜色会变黑,在次点击,没有效果

jquery3之后不在兼容ie浏览器,但是兼容edge浏览器,如果需要使用兼容版的jquery,请使用1.x版本的jquery

这应该是ie上的一个bug , 你可以更改成用一个div 充满body,去修改这个div 就可以了 不要去修改body , 或者实在要在body上操作,在remove的时候重新add一个初始的class

body{background:transparent}

给body写个背景颜色,就可以了