jquery中移除了live()和die(),新版事件綁定on()和off()的方法詳解

下面小編就為大家帶來一篇jquery移除了live()、die(),新版事件綁定on()、off()的方法。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧

我蛋痛了快10分鐘，怎麼呼叫都是報錯，最後一查，原來jquery已經移除了live()和die()方法。使用了新的事件綁定方法on()、解除綁定方法off().

新的綁定方法on()和比live()相比，效率比之前的高。因為live()是固定在document節點上的。如果綁定的元素嵌套在很深的層中，那麼事件一級級的傳遞必將影響到效率。而on()是綁定在$()選擇的元素上，嵌套深度可自由選擇。

on()的參數on( events [, selector ] [, data ], handler(eventObject) )

第二個參數可選，可以指定一個綁定的元素，例如:

$(".box").die().on('click','button',function(){});

這樣，就綁定到了.box元素中的button元素上了

可以同時綁定多事件：

$(".demonstrate").on("mouseover mouseout","ul li",function(e){
if(e.type=="mouseover"){
$(this).addClass("over");
}else{
$(this).removeClass("over");
}
  })

on()也可以接收一個物件參數，該物件的屬性是事件類型，屬性值為事件處理函數：

#

以上是jquery中移除了live()和die(),新版事件綁定on()和off()的方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！