jQuery—事件的绑定和解除绑定

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("真有趣")
}

效果:

猜你喜欢

转载自blog.csdn.net/qq_42036616/article/details/81904547