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>
以上就是