jquery 事件- 綁定與解除綁定

標籤：選取器   cti   卸載   參數   移除   off   過濾   完全   click   

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

 

jquery 事件- 綁定與解除綁定