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)文章
jQuery判斷iframe中元素是否存在的方法，需要的朋友可以參考一下2013-05-05
jQuery中$this和$(this)的區(qū)別介紹（一看就懂）
這篇文章主要介紹了jQuery中$this和$(this)的區(qū)別介紹（一看就懂）,本文用簡(jiǎn)潔的語言講解了它們之間的區(qū)別,并給出了一個(gè)例子來說明,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS/JQuery顯示或隱藏文本方法,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊彈出漸變層的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊彈出漸變層的方法,jQuery是當(dāng)下最具人氣的JavaScript庫,需要的朋友可以參考下2015-07-07
jquery+css實(shí)現(xiàn)Tab欄切換的代碼實(shí)例
這篇文章主要介紹了jquery css實(shí)現(xiàn)Tab欄切換，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊(cè)
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊(cè)的方法和示例，基于jQuery插件jQuery.album.js來實(shí)現(xiàn)的，效果非常不錯(cuò)，這里推薦給大家，希望大家能夠喜歡。2015-03-03
基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)搜索關(guān)鍵字自動(dòng)匹配功能，自動(dòng)匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中，感興趣的小伙伴們可以參考一下2015-10-10
jQuery UI插件實(shí)現(xiàn)百度提詞器效果
這篇文章主要介紹了jQuery UI插件實(shí)現(xiàn)百度提詞器效果，每個(gè)輸入框中有相應(yīng)的文字提示,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jQuery實(shí)現(xiàn)的Email中的收件人效果（按del鍵刪除）
基于jquery實(shí)現(xiàn)的Email中的收件人效果，可通過del鍵刪除，需要的朋友可以參考下。2011-03-03
JQuery實(shí)現(xiàn)Table的tr上移下移功能
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)Table的tr上移下移功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02