jQuery事件的解绑和触发

最新推荐文章于 2022-10-23 15:09:05 发布

皮蛋solo粥！

最新推荐文章于 2022-10-23 15:09:05 发布

阅读量178

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_46287150/article/details/121706589

版权

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jQuery事件的解绑和触发

off() 事件解绑

1-1 解绑全部事件处理函数
语法：元素集合.off( 事件类型 )
会把 div 的 click 事件对应的所有事件处理函数全部移除

<body>
  <div>我是div标签</div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script>
    //准备事件处理函数
    function cp1(){console.log('我是 cp1 的事件处理函数')}
    function cp2(){console.log('我是 cp2 的事件处理函数')}
    function cp3(){console.log('我是 cp3 的事件处理函数')}
    //给div元素绑定事件
    $('div')
    .click(cp1)
    .click(cp2)
    .click(cp3)
    //off()事件解绑
    $('div').off('click')
  </script>
</body>

1-2 解绑指定的事件处理函数
语法：元素集合.off( 事件类型，要解绑的事件处理函数)

$('div').off('click',cp2)

在这里插入图片描述

trigger() 事件触发

使用代码的方式来触发事件
语法：元素集合.trigger(事件类型)
就会触发该元素的该事件

<body>
  <div>我是div标签</div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script>
    //准备事件处理函数
    function cp1(){console.log('我是 cp1 的事件处理函数')}
    function cp2(){console.log('我是 cp2 的事件处理函数')}
    function cp3(){console.log('我是 cp3 的事件处理函数')}
    //给div元素绑定事件
    $('div')
    .click(cp1)
    .click(cp2)
    .click(cp3)
    //每1000ms触发一次
    setInterval(function(){
      //trigger()事件触发
      $('div').trigger('click')
    },1000)
  </script>
</body>

在这里插入图片描述
以上就是