jQuery live
更新時(shí)間:2009年05月15日 13:37:02 作者:
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來會(huì)匹配的元素綁定一個(gè)事件處理函數(shù)(比如click事件)。
也能綁定自定義事件。目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 還不支持 blur, focus, mouseenter, mouseleave, change, submit
與bind()不同的是,live()一次只能綁定一個(gè)事件。
這個(gè)方法跟傳統(tǒng)的bind很像,區(qū)別在于用live來綁定事件會(huì)給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個(gè)li到這個(gè)頁面時(shí),對(duì)于這個(gè)新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個(gè)主要區(qū)別:
1、.live 目前只支持所有事件的子集,支持列表參考上面的說明。
2、.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒有"setup"和"cleanup"的過程。因?yàn)樗械氖录俏啥皇侵苯咏壎ㄔ谠厣系摹?
4、要移除用live綁定的事件,請(qǐng)用die方法
返回值
jQuery
參數(shù)
type (String) : 一個(gè)或多個(gè)用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點(diǎn)擊生成的p依然據(jù)有同樣的功能。
HTML 代碼:
<p>Click me!</p>
jQuery 代碼:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
與bind()不同的是,live()一次只能綁定一個(gè)事件。
這個(gè)方法跟傳統(tǒng)的bind很像,區(qū)別在于用live來綁定事件會(huì)給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個(gè)li到這個(gè)頁面時(shí),對(duì)于這個(gè)新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個(gè)主要區(qū)別:
1、.live 目前只支持所有事件的子集,支持列表參考上面的說明。
2、.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒有"setup"和"cleanup"的過程。因?yàn)樗械氖录俏啥皇侵苯咏壎ㄔ谠厣系摹?
4、要移除用live綁定的事件,請(qǐng)用die方法
返回值
jQuery
參數(shù)
type (String) : 一個(gè)或多個(gè)用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點(diǎn)擊生成的p依然據(jù)有同樣的功能。
HTML 代碼:
復(fù)制代碼 代碼如下:
<p>Click me!</p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
相關(guān)文章
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕)
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕) ,使用jqGrid的朋友可以參考下。2011-11-11jQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框?qū)崙?zhàn)(5)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02