jQuery学习笔记12-绑定及解绑事件

最新推荐文章于 2021-12-16 22:19:56 发布

weeds606

最新推荐文章于 2021-12-16 22:19:56 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/100150117

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

一、绑定事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery事件绑定</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            /*jQuery绑定事件的两种方式
            *1. eventName(fn);
            * 可自动联想，编码效率高
            * 不支持JavaScript的部分事件
            *2. on("eventName",fn);
            *不支持自动联想，编码效率低
            * 支持JavaScript的所有事件
            *
            * 注意：jQuery可以同时绑定多个事件，且事件之间不会被覆盖
            *
            * */
            $("button").click(function () {
                alert("弹框")
            });
            $("button").on("click",function () {
                alert("弹框2")
            })

        })
    </script>
</head>
<body>
<button>我是按钮</button>
</body>
</html>

2.解绑事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery事件解绑</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            /*绑定事件*/
            var test = function () {
                alert("弹框")
            };
            $("button").click(test);
            $("button").on("click", function () {
                alert("弹框2")
            });
            /*
            * 解绑事件使用off方法 */
        //    不传入参数,解绑button的所有事件
        //     $("button").off();
        //    传入一个参数，解绑button所有click的事件
        //     $("button").off("click");
        //    出入两个参数，解绑button所有click回调函数为test的事件
            $("button").off("click",test);

        })
        
    </script>
</head>
<body>
<button>我是按钮</button>
</body>
</html>

weeds606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jQuery学习笔记12-绑定及解绑事件

一、绑定事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery事件绑定</title> <script src="jQuery/jquery-1.12.4.js"></scri...
复制链接

扫一扫

专栏目录