!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写个背景颜色,就可以了