成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁 ? 技術(shù)教程 ? jQuery1.9+中刪除了live以后的替代方法
全站頭部文字 我要出現(xiàn)在這里
jQuery1.9+中刪除了live以后的替代方法 676 2024-02-28   

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

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

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

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

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

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

  這篇文章也沒啥內(nèi)容了,接下來就用這個功能做點有意義的事情示范下吧~ 在低版本IE中A標(biāo)簽在鼠標(biāo)按下時候會出現(xiàn)虛線邊框,這是由focus造成的。我們只要在全局事件中做點手腳就能解決這個問題。在現(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();
}); 

還要注意個問題,如果是從live的寫法換成on的寫法別忘了調(diào)整調(diào)用鏈。因為live的返回值是事件觸發(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



主站蜘蛛池模板: 日本电影小小的家| 游吟诗人| 黛博拉·安沃尔| 黄视频在线播放| 热点新闻素材| 寡妇一级毛片免费看| 满天星 电视剧| 无声真相电影免费播放| 光荣之路| a级免费电影| interracial| 惊天十二小时| 基础设施建设产业市场| 色戒在线观看视频| 爱情陷阱| 延边卫视节目表| 97理伦| 拔萝卜短剧| 四美人| 西藏秘密演员表全部| 烽火硝烟里的青春演员表| 原千岁电影| 汪佳辉| 动漫秀场| 情人意大利| 公公在线| cctv16体育台节目表| 大学英语综合教程1答案| 李莉莉| 陈嘉男| 香谱72图解高清大图及解释| 一个国家的诞生| 陈嘉男| 帕米尔我的家乡多么美简谱| 生产时直拍宫口| 菊地亚美| 光明与黑暗诸神的遗产攻略| 张寿懿| 春闺梦里人演员表| 男同操男同| 甲种公牛1976|

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103