jquery 事件- 绑定与解绑

Posted 2020-09-17 DOIT

一、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‘);// 移除鼠标按下事件
})