HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>练习</title>
<script src="jquery-3.3.1.js"></script>
<script src="text3.js"></script>
<!--库的引用必须要先于自己的-->
</head>
<body>
<button>老哥,点我</button>
</body>
</html>
JS代码:
$(document).ready(function () {
$("button").on("click",clickShow1);
$("button").on("click",clickShow2);
$("button").on("click",clickShow3);
$("button").off("click",clickShow3);
});
//绑定方法,将做出反应的代码封装起来,提升代码的利用率,同时能减少内存的占用
//on表示绑定事件,off表示解除事件,事件绑定不会覆盖,如果一个事件绑定了多个方法,
// 解除默认全部解除,通过逗号隔开指定解除某个方法,老版本on和off用bind和unbind代替
function clickShow1(e) {
alert("老哥")
}
function clickShow2(e) {
alert("好玩吗")
}
function clickShow3(e) {
alert("真有趣")
}
效果: