jQuery live( type, fn ) 委派事件實現(xiàn)
更新時間:2009年10月11日 13:56:48 作者:
jQuery 1.3中新增的方法。給所有當前以及將來會匹配的元素綁定一個事件處理函數(shù)(比如click事件)。也能綁定自定義事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
還不支持 blur, focus, mouseenter, mouseleave, change, submit
與bind()不同的是,live()一次只能綁定一個事件。
這個方法跟傳統(tǒng)的bind很像,區(qū)別在于用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時,對于這個新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個主要區(qū)別:
* .live 目前只支持所有事件的子集,支持列表參考上面的說明。
* .live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
* .live 沒有"setup"和"cleanup"的過程。因為所有的事件是委派而不是直接綁定在元素上的。
要移除用live綁定的事件,請用die方法
返回值
jQuery
參數(shù)
type (String) : 一個或多個用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點擊生成的p依然據(jù)有同樣的功能。
HTML 代碼:
<p>Click me!</p>
jQuery 代碼:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
還不支持 blur, focus, mouseenter, mouseleave, change, submit
與bind()不同的是,live()一次只能綁定一個事件。
這個方法跟傳統(tǒng)的bind很像,區(qū)別在于用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時,對于這個新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個主要區(qū)別:
* .live 目前只支持所有事件的子集,支持列表參考上面的說明。
* .live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
* .live 沒有"setup"和"cleanup"的過程。因為所有的事件是委派而不是直接綁定在元素上的。
要移除用live綁定的事件,請用die方法
返回值
jQuery
參數(shù)
type (String) : 一個或多個用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點擊生成的p依然據(jù)有同樣的功能。
HTML 代碼:
<p>Click me!</p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
相關(guān)文章
jQuery插件jqGrid動態(tài)獲取列和列字段的方法
這篇文章主要介紹了jQuery插件jqGrid動態(tài)獲取列和列字段的方法,結(jié)合實例形式分析了表格插件jqGrid針對表格字段屬性相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery獲取CSS樣式中的顏色值的問題,不同瀏覽器格式不同的解決辦法
jQuery獲取CSS樣式中的顏色值的問題,不同瀏覽器格式不同的解決辦法,需要的朋友可以參考一下2013-05-05springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享,還是比較不錯的,這里分享給大家,供需要的朋友參考。2017-10-10jQuery實現(xiàn)對網(wǎng)頁節(jié)點的增刪改查功能示例
這篇文章主要介紹了jQuery實現(xiàn)對網(wǎng)頁節(jié)點的增刪改查功能,涉及jQuery針對網(wǎng)頁DOM節(jié)點的獲取、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下2017-09-09詳解jQuery同步Ajax帶來的UI線程阻塞問題及解決辦法
本篇文章主要介紹了jQuery同步Ajax帶來的UI線程阻塞問題及解決辦法,具有一定的參考價值,有興趣的可以了解一下2017-08-08jQuery+easyui中的combobox實現(xiàn)下拉框特效
這篇文章主要介紹了jQuery+easyui中的combobox實現(xiàn)下拉框特效的幾種方法,非常簡單實用,需要的朋友可以參考下2015-02-02利用jQuery實現(xiàn)CheckBox全選/全不選/反選的簡單代碼
下面小編就為大家?guī)硪黄胘Query實現(xiàn)CheckBox全選/全不選/反選的簡單代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法詳解
這篇文章主要介紹了jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法,結(jié)合實例形式分析了jQuery操作復(fù)選框進行判定與統(tǒng)計的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2016-05-05