jquery 事件- 绑定与解绑
一、on() 的多事件绑定
$("#elem").on("mouseover mouseout",function(){ }); //多个事件绑定一个函数
$("#elem").on({ //多个事件绑定不同函数
mouseover:function(){},
mouseout:function(){}
});
<div class="left">
<p class="aaron">
<a>目标节点</a> //点击在这个元素上
</p>
</div>
$("div").on("click","p",fn)
事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。
如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素p，将会触发事件回调函数
二、卸载事件 off() 方法
- 通过.on()绑定的事件处理程序
- 通过off() 方法移除该绑定
根据on绑定事件的一些特性，off方法也可以通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。
当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除
$("btn").click(function() {
$(".aaron:first").off('mousedown');// 移除鼠标按下事件
})