jquery移除了live()、die(),新版事件綁定on()、off()的方法
我蛋疼了快10分鐘,怎么調(diào)用都是報錯,最后一查,原來jquery已經(jīng)移除了live()和die()方法。使用了新的事件綁定方法on()、解除綁定方法off().
新的綁定方法on()和比live()相比,效率比之前的高。因為live()是固定在document節(jié)點上的。如果綁定的元素嵌套在很深的層中,那么事件一級級的傳遞必將影響到效率。而on()是綁定在$()選擇的元素上,嵌套深度可自由選擇。
on()的參數(shù) on( events [, selector ] [, data ], handler(eventObject) )
第二個參數(shù)可選,可以指定一個綁定的元素,例如:
$(".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()也可以接收一個對象參數(shù),該對象的屬性是事件類型,屬性值為事件處理函數(shù):
以上就是小編為大家?guī)淼膉query移除了live()、die(),新版事件綁定on()、off()的方法全部內(nèi)容了,希望大家多多支持腳本之家~
- jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
- jquery事件綁定方法介紹
- jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應(yīng)用示例
- jQuery實現(xiàn)的事件綁定功能基本示例
- jQuery的三種bind/One/Live/On事件綁定使用方法
- jQuery 全選 全不選 事件綁定的實現(xiàn)代碼
- jQuery事件綁定方法學(xué)習(xí)總結(jié)(推薦)
- 關(guān)于Jquery中的事件綁定總結(jié)
- jquery事件綁定解綁機制源碼解析
- jQuery事件綁定用法詳解
- 深入理解jQuery事件綁定
- jQuery事件綁定on()與彈窗實現(xiàn)代碼
- jQuery事件綁定用法詳解(附bind和live的區(qū)別)
- jQuery實現(xiàn)按鈕只點擊一次后就取消點擊事件綁定的方法
- JQuery中DOM事件綁定用法詳解
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jQuery事件綁定與解除綁定實現(xiàn)方法
- jquery中click等事件綁定及移除的幾種方法小結(jié)
相關(guān)文章
jQuery刪除/清空指定元素的所有子節(jié)點實例代碼
這篇文章主要給大家介紹了關(guān)于jQuery刪除/清空指定元素的所有子節(jié)點,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07jQuery ajax serialize()方法的使用以及常見問題解決
使用ajax時,常常需要拼裝input數(shù)據(jù)為'name=abc&sex=1'這種形式,用JQuery的serialize方法可以輕松的完成這個工作接下來介紹jQuery ajax - serialize() 方法定義和用法,感興趣的朋友可以了解下啊,希望本文對你有所幫助2013-01-01jquery追加元素的所有方法全面深入實例講解(append、prepend、after、before、wrap等等)
幾乎所有網(wǎng)站的開發(fā)都離不開jQuery,jQuery可以很方便的實現(xiàn)網(wǎng)頁中的一些效果,也很輕松的對網(wǎng)頁中的一些DIV元素進(jìn)行添加,修改或刪除的操作。由于不同位置追加元素的代碼不一樣,本文實例講解如何對網(wǎng)頁中某個指定的DIV進(jìn)行元素的追加操作。2023-03-03