想问一下老师这个哪里错了么,点击切换来说
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
.box {
width: 200px;
height: 200px;
background-color: pink;
border: 5px solid red;
}
.bg1 {
background-color: green;
}
.border {
border: 5px solid yellow;
}
</style>
</head>
<body>
<div class="box"></div>
<button class="btn">切换背景和边框颜色</button>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function () {
var box=$('div'),butt=$('.btn');
box.chick(function () {
box.toggleClass('bg1 border')
});
})
//补充代码
</script>
</html>0
收起
正在回答
2回答
你好同学 ,事件执行的内容是要放在函数里面的 。因为函数里面的代码要调用函数的时候才会执行 ,如果不放在函数里面 ,那么顺序执行代码的时候 , 就会直接执行了 。 所以放在函数里面 ,当点击事件触发时 ,window会帮其调用此函数 ,然后执行里面的内容。
事件绑定的函数不要加括号 ,因为函数名+()表示自动调用函数 。
希望解答了你的疑惑 , 祝学习愉快 ,望采纳。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程

恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星