1. 程式人生 > >jQuery1.9+版本的.on使用方法筆記

jQuery1.9+版本的.on使用方法筆記

jQuery

在jQuery1.7以前,異步加載的內容如果有click事件,都是使用.live方法。jQuery升級到1.9以後,本方法不再適用,改為.on方法。
.on方法可以接受3個參數:事件名,觸發選擇器,事件函數。
舉例說明:
某html文檔中有一個id為parent的div,在這個div內再添加一個id為son的span。我們要為這個span綁定1個事件,其js代碼為:
$("#parent").on("click","#son",function(){
alert("hello world")
})

註意:
.live的返回值是事件觸發的對象,而.on是在容器上。

如下所示:
jQuery1.7及以下版本:
$("#parent").find("#son").live("click",function(){
alert("hello world");
})

jQuery1.9以上版本:
$("#parent").on("click","#son",function(){
alert("hello world");
})

jQuery1.9+版本的.on使用方法筆記