off解绑事件

off()方法可以移除通过on()方法添加的事件处理程序。

代码示例：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>03-事件解绑off</title>
    <style type="text/css">
        div {
            background-color: pink;
            width: 100px;
            height: 100px;
        }
    </style>
    <script src="/js文件/jQuery.mini.js"></script>
    <script type="text/javascript">
        $(function () {
            $("div").on({
                click: function () {
                    console.log("我点击了");
                },
                mouseover: function () {
                    console.log('我鼠标经过了');
                }
            })
            $("ul").on("click", "li", function () {
                alert(22);
            })
            //1.事件解绑 off
            // $("div").off()//这个是解除了div身上所有的事件
            $("div").off("click") //这个是解除了div身上的点击事件
            $("ul").off("click", "li"); //解除事件委托
            //2.one() //只能触发一次事件
            $("p").one("click", function () {
                alert(159)
            })
        })
    </script>
</head>

<body>
    <div></div>
    <ul>
        <li>111</li>
        <li>111</li>
        <li>111</li>
    </ul>
    <p>p标签</p>
</body>

</html>

 

posted @ 2022-04-18 13:55  今天穿秋裤了吗  阅读(57)  评论(0)    收藏  举报