欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery live函數(shù)

 更新時間:2010年12月24日 22:31:24   作者:  
給指定id或class的元素綁定(bind)事件時,對于改變或新加的元素,事件不會起作用,這時我們就要用live函數(shù),它可以讓子元素繼承父元素的事件。

摘自 jQuery 1.4.1 中文參考:

事件委托

.live() 方法能對一個還沒有添加進(jìn)DOM的元素有效,是由于使用了事件委托:綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。傳遞給 .live() 的事件處理函數(shù)不會綁定在元素上,而是把他作為一個特殊的事件處理函數(shù),綁定在 DOM 樹的根節(jié)點上。在我們的例子中,當(dāng)點擊新的元素后,會依次發(fā)生下列步驟:

  1. 生成一個click事件傳遞給 <div> 來處理
  2. 由于沒有事件處理函數(shù)直接綁定在 <div> 上,所以事件冒泡到DOM樹上
  3. 事件不斷冒泡一直到DOM樹的根節(jié)點,默認(rèn)情況下上面綁定了這個特殊的事件處理函數(shù)。
  4. 執(zhí)行由 .live() 綁定的特殊的 click 事件處理函數(shù)。
  5. 這個事件處理函數(shù)首先檢測事件對象的 target 來確定是不是需要繼續(xù)。這個測試是通過檢測 $(event.target).closest('.clickme') 能否找到匹配的元素來實現(xiàn)的。
  6. 如果找到了匹配的元素,那么調(diào)用原始的事件處理函數(shù)。

由于只有在事件發(fā)生時才會在上面的第五步里做測試,因此在任何時候添加的元素都能夠響應(yīng)這個事件

相關(guān)文章

  • jquery 無限級下拉菜單的簡單實現(xiàn)代碼

    jquery 無限級下拉菜單的簡單實現(xiàn)代碼

    本篇文章主要是對jquery 無限級下拉菜單的簡單實現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02
  • jQuery實現(xiàn)可以擴展的日歷

    jQuery實現(xiàn)可以擴展的日歷

    這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)可以擴展的日歷,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • jquery 1.4.2發(fā)布!主要是性能與API

    jquery 1.4.2發(fā)布!主要是性能與API

    沒想到j(luò)query這次居然更新這么快,jquery1.4的教程我還沒有發(fā)二周,jquery1.4.2就發(fā)布了。這次jquery1.4.2更新的內(nèi)容主要是性能和新增了一些新的API。
    2010-02-02
  • JQUERY THICKBOX彈出層插件

    JQUERY THICKBOX彈出層插件

    JQUERY插件THICKBOX的功能很強大,但是它的基本使用卻很簡單容易.但是要研究的更深,運用得更加靈活的話,還是有點難度,根據(jù)其官方站點介紹
    2008-08-08
  • 喜大普奔!jQuery發(fā)布 3.0 最終版

    喜大普奔!jQuery發(fā)布 3.0 最終版

    jQuery發(fā)布已經(jīng)十年了,挺讓人難以置信。過去的這些年Web開發(fā)變了很多,jQuery也隨之變化著。在這個過程中,團隊一直在對確保過往代碼的兼容支持和獲取最好的Web開發(fā)實踐的現(xiàn)實之間努力著。就在2天前,jQuery發(fā)布了新的3.0最終版本
    2016-06-06
  • 使用JQ完成表格隔行換色的簡單實例

    使用JQ完成表格隔行換色的簡單實例

    下面小編就為大家?guī)硪黄褂肑Q完成表格隔行換色的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • jquery根據(jù)一個值來選中select下的option實例代碼

    jquery根據(jù)一個值來選中select下的option實例代碼

    下面小編就為大家?guī)硪黄猨query根據(jù)一個值來選中select下的option實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • 解決3.01版的jquery.form.js中文亂碼問題的解決方法

    解決3.01版的jquery.form.js中文亂碼問題的解決方法

    最近用到了jquery的一個fom插件,是一個全面支持表單的jQuery插件。昨天在用ajaxSubmit進(jìn)行Form Post提交的時候,發(fā)現(xiàn)服務(wù)器端取回的中文數(shù)據(jù)居然是亂碼。這個可能是因為jquery是utf-8,不支持gb2312
    2012-03-03
  • 簡單的jquery拖拽排序效果實現(xiàn)代碼

    簡單的jquery拖拽排序效果實現(xiàn)代碼

    寫了簡單的跟隨鼠標(biāo)移動效果。這個拖拽排序的效果的區(qū)別在于: 運用了插入insertBefore 和 insertAfter 的方法
    2011-09-09
  • 基于jQuery實現(xiàn)一個marquee無縫滾動的插件

    基于jQuery實現(xiàn)一個marquee無縫滾動的插件

    這篇文章主要介紹了基于jQuery實現(xiàn)一個marquee無縫滾動的插件,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-03-03

最新評論