jQuery live( type, fn ) 委派事件實(shí)現(xiàn)
更新時(shí)間：2009年10月11日 13:56:48 作者：
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ū)別：
* .live 目前只支持所有事件的子集，支持列表參考上面的說(shuō)明。
* .live 不支持liveQuery提供的“無(wú)事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
* .live 沒(méi)有"setup"和"cleanup"的過(guò)程。因?yàn)樗械氖录俏啥皇侵苯咏壎ㄔ谠厣系摹?
要移除用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>");
});
還不支持 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ū)別：
* .live 目前只支持所有事件的子集，支持列表參考上面的說(shuō)明。
* .live 不支持liveQuery提供的“無(wú)事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
* .live 沒(méi)有"setup"和"cleanup"的過(guò)程。因?yàn)樗械氖录俏啥皇侵苯咏壎ㄔ谠厣系摹?
要移除用live綁定的事件，請(qǐng)用die方法
返回值
jQuery
參數(shù)
type (String) : 一個(gè)或多個(gè)用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點(diǎn)擊生成的p依然據(jù)有同樣的功能。
HTML 代碼:
<p>Click me!</p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("p").live("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
相關(guān)文章
這篇文章主要介紹了jquery 遍歷hash操作,結(jié)合實(shí)例形式分析了jQuery基于ajax交互獲取并遍歷hash相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了jQuery中odd選擇器的定義和用法,較為詳細(xì)的分析了odd選擇器的具體功能、定義與使用方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
JQuery判斷子iframe何時(shí)加載完成解決方案
需要知道iframe何時(shí)加載完成，用JQuery很簡(jiǎn)單就能實(shí)現(xiàn)，具體如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )
基于jquery的當(dāng)鼠標(biāo)滾輪到最底端繼續(xù)加載新數(shù)據(jù)思路分享(多用于微博、空間、論壇 )，需要的朋友可以參考下。2011-10-10
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jquery選擇器 :first與:first-child的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】
下面小編就為大家?guī)?lái)一篇jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-03-03
jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D面積圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制2D面積圖的相關(guān)步驟與屬性設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery獲取瀏覽器中的分辨率實(shí)現(xiàn)代碼
本篇文章小編為大家介紹，使用jQuery獲取瀏覽器中的分辨率的方法。需要的朋友參考下2013-04-04
使用JQuery自動(dòng)完成插件Auto Complete詳解
這篇文章主要介紹了使用JQuery自動(dòng)完成插件Auto Complete詳解,使用JQuery自動(dòng)完成插件，更新現(xiàn)有圖書(shū)列表頁(yè)面上的搜索，當(dāng)用戶(hù)鍵入的時(shí)候立即顯示結(jié)果。,需要的朋友可以參考下2019-06-06