為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

根據(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)部再動(dòng)態(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ā)對(duì)象匹配觸發(fā)選擇器才會(huì)觸發(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í)候會(huì)出現(xiàn)虛線邊框，這是由focus造成的。我們只要在全局事件中做點(diǎn)手腳就能解決這個(gè)問題。在現(xiàn)代瀏覽器中focus是不冒泡的，但是低版本瀏覽器中可以冒泡。所以對(duì)于低版本瀏覽器中對(duì)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ā)的對(duì)象，而使用on則是在容器對(duì)象上。

//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

轉(zhuǎn)載于:https://my.oschina.net/wolfx/blog/617942

總結(jié)

以上是生活随笔為你收集整理的jQuery1.9+中删除了live以后的替代方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。