怎么分析这段代码,点击2次添加类,点击一次删除类
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通过函数设置样式</title>
<script src="jquery-1.12.4.js"></script>
<style>
.c{width: 200px;height: 200px;background-color: red;}
</style>
</head>
<body>
<div></div>
<button>1</button>
<script>
var count = 0;
$("button").click(function (){
$("div").toggleClass("c",++count % 3 === 0);
});
</script>
</body>
</html>
我分析++i第一次值是1,转换为true,应该是点击一次就添加类;第二次值是2,转换为true,效果不变;第三次值是0,转换为false。所以分析结果是点击一次添加类,点击2次删除类。为什么与测试结果刚好相反?而且实际效果是第一次添加类需要3次点击才行,为啥?
17
收起
正在回答
2回答
同学你好,%是取余数,不是取商。例如1除以3的商是0,余数是1,那么1%3=1 。可以看下图的执行过程:
可以再测试理解下,如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星