jquery实现点击添加class类事件和切换内容事件
想用jquery一次实现两个效果，点击p标签的内容后，给#aBtn添加个abox的class，同时更换p标签的文字为效果切换B，下述代码在谷歌浏览器OK，在360安全浏览...
想用jquery一次实现两个效果，点击p标签的内容后，给#aBtn 添加个abox的class，同时更换p标签的文字为 效果切换B，下述代码在谷歌浏览器OK，在360安全浏览器报错；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery点击切换事件</title>
<script src="js/jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="aBtn">
<p>aaaaaaaaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbb</p>
<p>ccccccccccccccccccccc</p>
</div>
<p class="btn1">效果切换A</p>
<script>
$(document).ready(function() {
$(".btn1").click(function() {
$("#aBtn").toggleClass('abox');
});
});
let str = 1;
$(".btn1").on('click', function() {
str = !str;
$(this).text(str ? '效果切换A' : '效果切换B');
})
</script>
</body>
</html> 展开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery点击切换事件</title>
<script src="js/jquery-1.12.4.min.js"></script>
</head>
<body>
<div id="aBtn">
<p>aaaaaaaaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbb</p>
<p>ccccccccccccccccccccc</p>
</div>
<p class="btn1">效果切换A</p>
<script>
$(document).ready(function() {
$(".btn1").click(function() {
$("#aBtn").toggleClass('abox');
});
});
let str = 1;
$(".btn1").on('click', function() {
str = !str;
$(this).text(str ? '效果切换A' : '效果切换B');
})
</script>
</body>
</html> 展开
1个回答
展开全部
我的没报错
jQuery 用的3.1版本
360安全浏览器用的是 9.1版本
追问
必须得用1.12.4版本的jquery呀，能不能看下是哪的问题？？？
追答
jQuery1.12.4版本 和 360安全浏览器没问题呀
不知道 是不是因为你用了较低版本的IE导致的 iE10及以下的ie浏览器 不支持ES6最新语法
所以第24行你用let会报错 改回用var 就不会报错了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
