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)
https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/1de65a6b1cca4488a38a4d0b4468c730~tplv-tt-large.image?x-expires=1991403298&x-signature=qmn%2FAZHcDDkvomZNDnVog%2BCmjS4%3D
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>
https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/f8b8b600d503406bb36d010f66391cc5~tplv-tt-large.image?x-expires=1991403298&x-signature=fF4%2BAG%2BRTnRwS4tXvKtHqvQ9h2k%3D
以上就是jQuery事件的解绑和触发
页:
[1]