JQuery live函數(shù)
更新時(shí)間：2010年12月24日 22:31:24 作者：
給指定id或class的元素綁定（bind）事件時(shí)，對(duì)于改變或新加的元素，事件不會(huì)起作用，這時(shí)我們就要用live函數(shù)，它可以讓子元素繼承父元素的事件。
摘自 jQuery 1.4.1 中文參考：
事件委托
.live() 方法能對(duì)一個(gè)還沒(méi)有添加進(jìn)DOM的元素有效，是由于使用了事件委托：綁定在祖先元素上的事件處理函數(shù)可以對(duì)在后代上觸發(fā)的事件作出回應(yīng)。傳遞給 .live() 的事件處理函數(shù)不會(huì)綁定在元素上，而是把他作為一個(gè)特殊的事件處理函數(shù)，綁定在 DOM 樹(shù)的根節(jié)點(diǎn)上。在我們的例子中，當(dāng)點(diǎn)擊新的元素后，會(huì)依次發(fā)生下列步驟：
- 生成一個(gè)click事件傳遞給 <div> 來(lái)處理
- 由于沒(méi)有事件處理函數(shù)直接綁定在 <div> 上，所以事件冒泡到DOM樹(shù)上
- 事件不斷冒泡一直到DOM樹(shù)的根節(jié)點(diǎn)，默認(rèn)情況下上面綁定了這個(gè)特殊的事件處理函數(shù)。
- 執(zhí)行由 .live() 綁定的特殊的 click 事件處理函數(shù)。
- 這個(gè)事件處理函數(shù)首先檢測(cè)事件對(duì)象的 target 來(lái)確定是不是需要繼續(xù)。這個(gè)測(cè)試是通過(guò)檢測(cè) $(event.target).closest('.clickme') 能否找到匹配的元素來(lái)實(shí)現(xiàn)的。
- 如果找到了匹配的元素，那么調(diào)用原始的事件處理函數(shù)。
由于只有在事件發(fā)生時(shí)才會(huì)在上面的第五步里做測(cè)試，因此在任何時(shí)候添加的元素都能夠響應(yīng)這個(gè)事件
相關(guān)文章
jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼
本篇文章主要是對(duì)jquery 無(wú)限級(jí)下拉菜單的簡(jiǎn)單實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)可以擴(kuò)展的日歷
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以擴(kuò)展的日歷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
沒(méi)想到j(luò)query這次居然更新這么快，jquery1.4的教程我還沒(méi)有發(fā)二周，jquery1.4.2就發(fā)布了。這次jquery1.4.2更新的內(nèi)容主要是性能和新增了一些新的API。2010-02-02
JQUERY插件THICKBOX的功能很強(qiáng)大,但是它的基本使用卻很簡(jiǎn)單容易.但是要研究的更深,運(yùn)用得更加靈活的話,還是有點(diǎn)難度，根據(jù)其官方站點(diǎn)介紹2008-08-08
jQuery發(fā)布已經(jīng)十年了，挺讓人難以置信。過(guò)去的這些年Web開(kāi)發(fā)變了很多，jQuery也隨之變化著。在這個(gè)過(guò)程中，團(tuán)隊(duì)一直在對(duì)確保過(guò)往代碼的兼容支持和獲取最好的Web開(kāi)發(fā)實(shí)踐的現(xiàn)實(shí)之間努力著。就在2天前，jQuery發(fā)布了新的3.0最終版本2016-06-06
下面小編就為大家?guī)?lái)一篇使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
jquery根據(jù)一個(gè)值來(lái)選中select下的option實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery根據(jù)一個(gè)值來(lái)選中select下的option實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
解決3.01版的jquery.form.js中文亂碼問(wèn)題的解決方法
最近用到了jquery的一個(gè)fom插件，是一個(gè)全面支持表單的jQuery插件。昨天在用ajaxSubmit進(jìn)行Form Post提交的時(shí)候，發(fā)現(xiàn)服務(wù)器端取回的中文數(shù)據(jù)居然是亂碼。這個(gè)可能是因?yàn)閖query是utf-8，不支持gb23122012-03-03
簡(jiǎn)單的jquery拖拽排序效果實(shí)現(xiàn)代碼
寫(xiě)了簡(jiǎn)單的跟隨鼠標(biāo)移動(dòng)效果。這個(gè)拖拽排序的效果的區(qū)別在于： 運(yùn)用了插入insertBefore 和 insertAfter 的方法2011-09-09
基于jQuery實(shí)現(xiàn)一個(gè)marquee無(wú)縫滾動(dòng)的插件
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)一個(gè)marquee無(wú)縫滾動(dòng)的插件,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03