1. 程式人生 > >jQuery中live()方法及1.9+後去除live()後的替代

jQuery中live()方法及1.9+後去除live()後的替代

定義和用法

live() 方法為被選元素附加一個或多個事件處理程式,並規定當這些事件發生時執行的函式。

通過 live() 方法附加的事件處理程式適用於匹配選擇器的當前及未來的元素(比如由指令碼建立的新元素)

$(selector).live(event,data,function)

jQuery1.9之前的版本我們可以這樣寫:

$("a").live("focus",function(){
  this.blur();
}); 

jQuery1.9之後由於live被刪除了,所以應該這樣寫:

$(document).on("focus","a",function(){
  this
.blur(); });

還要注意個問題,如果是從live的寫法換成on的寫法別忘了調整呼叫鏈。因為live的返回值是事件觸發的物件,而使用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");   
複製程式碼
0

相關推薦

jQuerylive()方法1.9+去除live()替代

定義和用法 live() 方法為被選元素附加一個或多個事件處理程式,並規定當這些事件發生時執行的函式。 通過 live() 方法附加的事件處理程式適用於匹配選擇器的當前及未來的元素(比如由指令碼

jQueryeach方法 jQuery 用each新增click

【轉自】jQuery 用each後新增click mydd = $('.plist'); mydd.each(function(i){ $(this).click(function(){ mydl.eq(i).hide("slow

jqueryprop()方法和attr()方法的區別淺析

clas ttr over dex idt pro query selected accesskey jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled,c

JQuery$.ajax()方法參數詳解(轉載)

瀏覽器 object 服務器 字符串 false type: 要求為String類型的參數,請求方式(post或get)默認為get。註意其他http請求方法,例如put和 delete也可以使用,但僅部分瀏覽器支持。timeout: 要求為Number類型的參數,設置請求超時時

jqueryprop()方法和attr()方法的區別

nbsp editable isa dex rop 效應 元素 body att jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled,checked就可以了

jQueryanimate()方法以及$('body').animate({"scrollTop":top})不被Firefox支持問題的解決

query scroll ani 應該 以及 jquery 方法 jquer ref $("body").animate({"scrollTop":top}): 只被chrome支持,而不被Firefox支持 $("html").animate({"scrollTop":t

JQuery$.ajax()方法參數詳解

返回 自動轉換 time err last 需要 可選 修改 方式 url: 要求為String類型的參數,(默認為當前頁地址)發送請求的地址。 type: 要求為String類型的參數,請求方式(post或get)默認為get。註意其他http請求方法,例如put和

macOS 10.13安裝jrejdk 9.0

mscOS jdk 9.0 jre 安裝1.前言: macOS 10.13裏,默認沒有找到jre. > ls /Library/Java/JavaVirtualMachines/  目錄中為空。 2.安裝jre 下載地址: https://java.com/zh_CN/download/軟件包 jre

jquerysiblings方法配合什麽方法一起使用

圖片 word 其中 ide menu tab 其他 cti selected siblings() 獲得匹配集合中每個元素的同胞,通過選擇器進行篩選是可選的。接下來通過本文給大家介紹jQuery siblings()用法實例詳解,需要的朋友參考下吧 siblings()

jQueryeach方法

nbsp ref color topic span clas blog plist this 【轉自】jQuery 用each後添加click mydd = $(‘.plist‘); mydd.each(function(i){ $(this).click

jQuerytoggle方法實現切換

首先定義myToggle 方法:   $.prototype["myToggle"] = function () {     var args = arguments;     var that = this;     var i = 0;     var n =

Javascriptonload方法Jqueryready方法的區別

1.執行時間 window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。 $(document).ready()是DOM機構繪製完畢後就執行,不必等到載入完畢。 2.編寫個數不同 window.onload不能同時編寫多個,且多個只能執行一個。 $(document).r

三種定義JQuery預載入方法JQuery選擇器

jQuery頁面預載入方法: jQuery(document).ready(function(){     alert("222"); }); jQuery(function(){     alert("33

解析JQueryeach方法的使用

each() 方法規定為每個匹配元素規定執行的函式。寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 概述: each() 方法規定為每個匹配元素規定執行的函式。 返回 false 可用於及早停止迴圈,相當於break。 返回 t

jQuery呼叫Servlet方法注意事項

雖然現在很多網站用框架了,但Servlet還是JAVA初學者必學的知識點,對於普通的小網站用Servlet也能滿足需要,以下是如何用MyClipse建立Servlet的步驟及注意事項: 第一步:建立Servlet,可用File->New->other->輸

JQuery$.ajax()方法引數

url: 要求為String型別的引數,(預設為當前頁地址)傳送請求的地址。 type: 要求為String型別的引數,請求方式(post或get)預設為get。注意其他http請求方法,例如put和       delete也可以使用,但僅部分瀏覽器支援。 timeout: 要求為Number型別

jQuery trigger()方法使用 -- 複製元素點選事件

1. 常用事件 在頁面載入完成時  自動觸發input的點選事件,在移動端可以實現自動彈出輸入法,獲得焦點 $("input").trigger("click").focus(); 簡寫為以下: $("input").click(); 2. 自定義事件

JQueryeach方法的使用

each() 方法規定為每個匹配元素規定執行的函式。寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 想要學習Web前端的小夥伴,小編在這推薦下自己的Web學習群:957389100,群內不定期分享乾貨,進群就可領取基礎教學視

jQueryval()方法用法

此方法設定或獲取匹配元素的value屬性值。 只有具有value屬性的元素才能夠使用此方法。比如input元素可以使用此方法,而div元素就不可以。 使用方式: 用法一: 此方法不帶引數的時

jquery.on()方法指定子元素和不指定子元素的區別

首先來看下這兩種情況下的輸出: <div class="parent"> <div class="father"> <div class="son">測試.on()方法</div>