程序员的知识教程库

网站首页 > 教程分享 正文

jQuery事件的解绑和触发（jquery中绑定和解绑的事件有哪些）

henian88 2024-10-17 09:33:31 教程分享 2 ℃ 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>

以上就是jQuery事件的解绑和触发

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表