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

jQuery1.9+中刪除了live以后的替代方法

 更新時(shí)間:2016年06月17日 10:38:48   作者:入海數(shù)沙  
這篇文章主要介紹了jQuery1.9+中刪除了live以后的替代方法 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下

根據(jù)jQuery的官方描述,live方法在1.7中已經(jīng)不建議使用,在1.9中刪除了這個(gè)方法。并建議在以后的代碼中使用on方法來替代。

  on方法可以接受三個(gè)參數(shù):事件名、觸發(fā)選擇器、事件函數(shù)。

需要特別注意的是:on方法中間的這個(gè)觸發(fā)選擇器就是你將要添加的HTML元素的類名、id或者元素名,使用它就可以實(shí)現(xiàn)live的效果。

例如我的html文檔中已經(jīng)有了一個(gè)id為parent的div,我將要在這個(gè)div內(nèi)部再動態(tài)添加一個(gè)class為son的span,然后我為這個(gè)span綁定一個(gè)事件,那么我需要這樣寫:

$('#parent').on('click','.son',function(){alert('test')});

這個(gè)觸發(fā)選擇器實(shí)際上就是在 JQ內(nèi)部判斷了一次事件參數(shù)的$(e.target).is(selector),只有觸發(fā)對象匹配觸發(fā)選擇器才會觸發(fā)。這是利用了事件冒泡的機(jī)制來完成 的,原本的live也是使用冒泡機(jī)制所以既然on可以實(shí)現(xiàn)那么live也就沒有存在的必要了,只不過為了兼容讓它從1.7茍延殘喘的活到了1.9而已。

  這篇文章也沒啥內(nèi)容了,接下來就用這個(gè)功能做點(diǎn)有意義的事情示范下吧~ 在低版本IE中A標(biāo)簽在鼠標(biāo)按下時(shí)候會出現(xiàn)虛線邊框,這是由focus造成的。我們只要在全局事件中做點(diǎn)手腳就能解決這個(gè)問題。在現(xiàn)代瀏覽器中focus是不冒泡的,但是低版本瀏覽器中可以冒泡。所以對于低版本瀏覽器中對focus使用live是有效的。在jQuery1.9之前的版本我們可以這樣寫:

$("a").live("focus",function(){
this.blur();
}); 
jQuery1.9之后由于live被刪除了,所以應(yīng)該這樣寫:
$(document).on("focus","a",function(){
this.blur();
}); 

還要注意個(gè)問題,如果是從live的寫法換成on的寫法別忘了調(diào)整調(diào)用鏈。因?yàn)閘ive的返回值是事件觸發(fā)的對象,而使用on則是在容器對象上。

//jQuery1.9-
$("#panel").find("div").live("click",function(){
alert("x");
}).addClass("x");
//jQuery1.9+
$("#panel").on("click","div",function(){
alert("x");
}).find("div").addClass("x");   

注意最后的find("div"),其它就沒什么問題了。

下面是官方說明

  http://jquery.com/upgrade-guide/1.9/#live-removed

相關(guān)文章

  • jQuery+Ajax實(shí)現(xiàn)用戶名重名實(shí)時(shí)檢測

    jQuery+Ajax實(shí)現(xiàn)用戶名重名實(shí)時(shí)檢測

    這篇文章主要為大家詳細(xì)介紹了jQuery Ajax實(shí)現(xiàn)用戶名重名實(shí)時(shí)檢測,針對用戶注冊時(shí)出現(xiàn)的用戶名重名問題進(jìn)行自動檢測,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • jQuery 獲取頁面li數(shù)組并刪除不在數(shù)組中的key

    jQuery 獲取頁面li數(shù)組并刪除不在數(shù)組中的key

    這篇文章主要介紹了jQuery 獲取頁面li數(shù)組并刪除不在數(shù)組中的key 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-08-08
  • 基于jQuery的$.getScript方法去加載javaScript文檔解析

    基于jQuery的$.getScript方法去加載javaScript文檔解析

    下面小編就為大家?guī)硪黄趈Query的$.getScript方法去加載javaScript文檔解析。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-11-11
  • jQuery實(shí)現(xiàn)日期聯(lián)動效果實(shí)例

    jQuery實(shí)現(xiàn)日期聯(lián)動效果實(shí)例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)日期聯(lián)動效果的方法,結(jié)合實(shí)例形式分析了jQuery針對日期及頁面元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
    2016-07-07
  • EasyUI Tree樹組件無限循環(huán)的解決方法

    EasyUI Tree樹組件無限循環(huán)的解決方法

    這篇文章主要介紹了EasyUI Tree樹組件無限循環(huán)的解決方法,需要的朋友可以參考下
    2017-09-09
  • jquery判斷類型是不是number類型的實(shí)例代碼

    jquery判斷類型是不是number類型的實(shí)例代碼

    下面小編就為大家?guī)硪黄猨query判斷類型是不是number類型的實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-10-10
  • jquery mobile移動端幻燈片滑動切換效果

    jquery mobile移動端幻燈片滑動切換效果

    這篇文章主要為大家詳細(xì)介紹了jquery mobile移動端幻燈片滑動切換效果,實(shí)現(xiàn)滑動切換和點(diǎn)擊切換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • Jquery無須瀏覽實(shí)現(xiàn)直接下載文件

    Jquery無須瀏覽實(shí)現(xiàn)直接下載文件

    這篇文章介紹了Jquery無須瀏覽實(shí)現(xiàn)直接下載文件的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-05-05
  • 最新評論