<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/08/02/ 10:29-->
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        .one {
          width: 200px;
          height: 200px;
          border: 1px solid red;
      }
    </style>
</head>
<body>
    <input type="button" value="注册事件" id="btn1"/>
    <input type="button" value="解绑事件" id="btn2"/> <br/><br/>
    <div class="one" id="one"></div>
</body>
</html>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
      /**
       * jQuery用 on来 注册事件,那就用 off 来 解绑事件.
       * off()不给参数 就是 解绑 所有的事件.
       * off('click') 解绑 指定的事件.
       */
      // 1.注册事件
      $('#btn1').on('click', function () {
        // 给 div 注册事件
        $('#one').on({
          'click': function () {
            console.log("jquery_on_单击事件");
          },
          'mouseenter': function () {
            console.log("jquery_on_移入事件");
          }
        });
      });

      // 2.移除事件
      $('#btn2').on('click', function () {
        // 给 div 解绑事件
        // $('#one').off(); // 不给参数, 解绑所有事件
        $('#one').off('click'); // 解绑 click事件
      });

    });
</script>

在这里插入图片描述

版权声明：本文为beyondx原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/beyondx/p/16542920.html