jQuery事件的解绑和触发

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事件的解绑和触发

jQuery事件的解绑和触发

浏览过的版块