jQuery live
更新時間：2009年05月15日 13:37:02 作者：
jQuery 1.3中新增的方法。給所有當(dāng)前以及將來會匹配的元素綁定一個事件處理函數(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來綁定事件會給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說，如果你給頁面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個li到這個頁面時，對于這個新增加的li，其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像，但有以下幾個主要區(qū)別：
1、.live 目前只支持所有事件的子集，支持列表參考上面的說明。
2、.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒有"setup"和"cleanup"的過程。因為所有的事件是委派而不是直接綁定在元素上的。
4、要移除用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>");
});
與bind()不同的是，live()一次只能綁定一個事件。
這個方法跟傳統(tǒng)的bind很像，區(qū)別在于用live來綁定事件會給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說，如果你給頁面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個li到這個頁面時，對于這個新增加的li，其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像，但有以下幾個主要區(qū)別：
1、.live 目前只支持所有事件的子集，支持列表參考上面的說明。
2、.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。
3、.live 沒有"setup"和"cleanup"的過程。因為所有的事件是委派而不是直接綁定在元素上的。
4、要移除用live綁定的事件，請用die方法
返回值
jQuery
參數(shù)
type (String) : 一個或多個用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數(shù)
示例
點擊生成的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ū)別介紹（一看就懂）,本文用簡潔的語言講解了它們之間的區(qū)別,并給出了一個例子來說明,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS/JQuery顯示或隱藏文本方法,需要的朋友可以參考下2014-02-02
jQuery實現(xiàn)鼠標(biāo)點擊彈出漸變層的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)點擊彈出漸變層的方法,jQuery是當(dāng)下最具人氣的JavaScript庫,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery css實現(xiàn)Tab欄切換，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了jQuery插件實現(xiàn)大圖全屏圖片相冊的方法和示例，基于jQuery插件jQuery.album.js來實現(xiàn)的，效果非常不錯，這里推薦給大家，希望大家能夠喜歡。2015-03-03
基于jQuery實現(xiàn)搜索關(guān)鍵字自動匹配功能
這篇文章主要介紹了基于jQuery實現(xiàn)搜索關(guān)鍵字自動匹配功能，自動匹配搜索關(guān)鍵詞功能廣泛應(yīng)用到搜索引擎當(dāng)中，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jQuery UI插件實現(xiàn)百度提詞器效果，每個輸入框中有相應(yīng)的文字提示,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
jQuery實現(xiàn)的Email中的收件人效果（按del鍵刪除）
基于jquery實現(xiàn)的Email中的收件人效果，可通過del鍵刪除，需要的朋友可以參考下。2011-03-03
這篇文章主要為大家詳細介紹了JQuery實現(xiàn)Table的tr上移下移功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02