jquery事件命名空间

最新推荐文章于 2020-12-29 10:27:44 发布

酷jjs

最新推荐文章于 2020-12-29 10:27:44 发布

阅读量315

点赞数

分类专栏：前端笔记 jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_32584661/article/details/69266955

版权

前端笔记同时被 2 个专栏收录

165 篇文章 2 订阅

订阅专栏

jquery

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery事件命名空间</title>
    <script src="js/jquery.min.js"></script>
    <style>

        .btn{height:50px;width:50px;border:1px solid #000;margin:10px;}

    </style>
</head>
<body>

<div class="wrap">
    <input type="button"  value="按钮" class="btn">
</div>

<script>

    $(function(){

        $(".btn").on("click.aaa",function () {    //绑定第一个点击事件
            alert(11);

        });

        $(".btn").on("click.bbb",function () {   //绑定第二个点击事件
            alert(22);

            $(".btn").off("click.aaa");   //去除第一个点击事件

        });


        /*$(".btn").one("click.aaa",function () {    //绑定的第一个点击事件，可以采用one（）一次执行方法
            alert(11);

        });*/
    });
</script>

</body>
</html>