jQuery live
更新時(shí)間:2009年05月15日 13:37:02 作者:
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來(lái)會(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來(lái)綁定事件會(huì)給所有當(dāng)前以及將來(lái)在頁(yè)面上的元素綁定事件(使用委派的方式)。比如說(shuō),如果你給頁(yè)面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個(gè)li到這個(gè)頁(yè)面時(shí),對(duì)于這個(gè)新增加的li,其click事件依然可用。而無(wú)需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個(gè)主要區(qū)別:
1、.live 目前只支持所有事件的子集,支持列表參考上面的說(shuō)明。
2、.live 不支持liveQuery提供的“無(wú)事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒(méi)有"setup"和"cleanup"的過(guò)程。因?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來(lái)綁定事件會(huì)給所有當(dāng)前以及將來(lái)在頁(yè)面上的元素綁定事件(使用委派的方式)。比如說(shuō),如果你給頁(yè)面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個(gè)li到這個(gè)頁(yè)面時(shí),對(duì)于這個(gè)新增加的li,其click事件依然可用。而無(wú)需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個(gè)主要區(qū)別:
1、.live 目前只支持所有事件的子集,支持列表參考上面的說(shuō)明。
2、.live 不支持liveQuery提供的“無(wú)事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒(méi)有"setup"和"cleanup"的過(guò)程。因?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)文章
jquery.pagination.js分頁(yè)使用教程
這篇文章主要為大家詳細(xì)介紹了jquery.pagination.js分頁(yè)使用教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10
JQuery 選擇器 xpath 語(yǔ)法應(yīng)用
我們根據(jù)實(shí)例來(lái)解釋JQuery選擇器(selectors)中xpath幾種常用的用法2010-05-05
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕)
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕) ,使用jqGrid的朋友可以參考下。2011-11-11
jQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框?qū)崙?zhàn)(5)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)級(jí)聯(lián)下拉框的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02

