1. 程式人生 > >jquery on高級用法

jquery on高級用法

用戶 lang obj data 委托機制 ava 選擇 部分 ive

on()的高級用法

針對自己處理機制中,不僅有on方法,還有根據on演變出來的live方法(1.7後去掉了),delegate方法等等。這些方法的底層實現部分 還是on方法,這是利用了on的另一個事件機制委托的機制衍變而來的

委托機制

.on( events ,[ selector ] ,[ data ], handler(eventObject) )

在on的第二參數中提供了一個selector選擇器,簡單的來描述下

參考下面3層結構

<div class="left">
    <p class="aaron">
        <a>目標節點</a> //點擊在這個元素上
    </p>
</div>

給出如下代碼:

$("div").on("click","p",fn)

事件綁定在最上層div元素上,當用戶觸發在a元素上,事件將往上冒泡,一直會冒泡在div元素上。如果提供了第二參數,那麽事件在往上冒泡的過程中遇到了選擇器匹配的元素,將會觸發事件回調函數

jquery on高級用法