JQuery live函數(shù)
更新時(shí)間：2010年12月24日 22:31:24 作者：
給指定id或class的元素綁定（bind）事件時(shí)，對于改變或新加的元素，事件不會起作用，這時(shí)我們就要用live函數(shù)，它可以讓子元素繼承父元素的事件。
摘自 jQuery 1.4.1 中文參考：
事件委托
.live() 方法能對一個(gè)還沒有添加進(jìn)DOM的元素有效，是由于使用了事件委托：綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。傳遞給 .live() 的事件處理函數(shù)不會綁定在元素上，而是把他作為一個(gè)特殊的事件處理函數(shù)，綁定在 DOM 樹的根節(jié)點(diǎn)上。在我們的例子中，當(dāng)點(diǎn)擊新的元素后，會依次發(fā)生下列步驟：
- 生成一個(gè)click事件傳遞給 <div> 來處理
- 由于沒有事件處理函數(shù)直接綁定在 <div> 上，所以事件冒泡到DOM樹上
- 事件不斷冒泡一直到DOM樹的根節(jié)點(diǎn)，默認(rèn)情況下上面綁定了這個(gè)特殊的事件處理函數(shù)。
- 執(zhí)行由 .live() 綁定的特殊的 click 事件處理函數(shù)。
- 這個(gè)事件處理函數(shù)首先檢測事件對象的 target 來確定是不是需要繼續(xù)。這個(gè)測試是通過檢測 $(event.target).closest('.clickme') 能否找到匹配的元素來實(shí)現(xiàn)的。
- 如果找到了匹配的元素，那么調(diào)用原始的事件處理函數(shù)。
由于只有在事件發(fā)生時(shí)才會在上面的第五步里做測試，因此在任何時(shí)候添加的元素都能夠響應(yīng)這個(gè)事件
相關(guān)文章
最近一段時(shí)間準(zhǔn)備開始學(xué)習(xí)JQUERY,感覺JQUERY的功能非常強(qiáng)大,而且代碼量也減少了許多....代碼也非常的清晰!2011-03-03
基于jQuery實(shí)現(xiàn)響應(yīng)式圓形圖片輪播特效
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)響應(yīng)式圓形圖片輪播特效，mislider插件可以將圖片以圓形圖片顯示，然后使圖片無限循環(huán)形成輪播圖或旋轉(zhuǎn)木馬特效，感興趣的小伙伴們可以參考一下2015-11-11
JQuery獲取樣式中的background-color顏色值的問題
用JQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，經(jīng)搜索找到了下段代碼可解決此問題，感興趣的朋友可以參考下2013-08-08
下面小編就為大家?guī)硪黄猨Query 添加樣式屬性的優(yōu)先級別方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
說到模擬SELECT框，想必大家第一想到的就是使用javascript吧，其實(shí)是jquery也是可以做到的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了仿JQuery輸寫高效JSLite代碼的一些技巧,本文計(jì)劃根據(jù)他人對jQuery總結(jié)的一些速度方面的技巧和一些建議,來教你提升你的JSLite和javascript代碼,需要的朋友可以參考下2015-01-01
jQuery插件echarts實(shí)現(xiàn)的多柱子柱狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的多柱子柱狀圖效果,結(jié)合完整實(shí)例形式分析了echarts繪制多柱子柱狀圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
利用jqprint插件打印頁面內(nèi)容的實(shí)現(xiàn)方法
qprint是一個(gè)基于jquery編寫的頁面打印的一個(gè)小插件，但是不得不承認(rèn)這個(gè)插件確實(shí)很厲害，下面這篇文章主要給大家介紹了關(guān)于利用jqprint插件如何打印頁面內(nèi)容的實(shí)現(xiàn)方法，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
jQuery基于函數(shù)重載實(shí)現(xiàn)自定義Alert函數(shù)樣式的方法
這篇文章主要介紹了jQuery基于函數(shù)重載實(shí)現(xiàn)自定義Alert函數(shù)樣式的方法,涉及jQuery函數(shù)重載及頁面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-07-07
在QWrap群里討論時(shí)，有同學(xué)問jquery/yui等已做到極致，我們有沒必要再重復(fù)造一個(gè)叫QWrap的輪子？2011-02-02