jQuery中bind,live,delegate與one方法的用法及區(qū)別解析
bind( )方法用于將一個處理程序附加到每個匹配元素的事件上并返回jQuery對象。
.bind(eventType[, evnetData], Handler(eventObject))
其中,參數(shù)eventType是一個字符串,包含一個或多個javaScript事件類型,例如click,submit或自定義事件的名稱,指定多個事件類型時用空格分隔各個類型;eventData為Map類型,給出要傳遞給事件處理程序的數(shù)據(jù),handler指定觸發(fā)該事件時要執(zhí)行的函數(shù),eventObject表示事件對象。
.bind()方法將事件處理程序handler附加到匹配元素集合中的每個元素的eventType事件上,如果需要,還可以向事件處理程序傳遞數(shù)據(jù)。
live( )方法將一個事件處理程序附加到與當前選擇器匹配的所有元素(包含現(xiàn)有的或?qū)硖砑拥模┑闹付ㄊ录喜⒎祷豭Query對象。
.live(eventType,[eventData],handler)
其中,參數(shù)eventType是一個字符串,包含一個或多個javaScript事件類型,例如click,keydown或自定義事件的名稱,eventData是可選參數(shù),為Map類型,給出要傳遞給事件處理程序的數(shù)據(jù),該參數(shù)是在jQuery1.4中添加的;handler是一個函數(shù),當觸發(fā)該事件時將執(zhí)行這些函數(shù)
.live()方法將事件處理程序handler附加到每個匹配元素(包含當前存在的和將來添加的)的eventType事件上,必要時還可以使用參加eventData向事件處理程序傳遞數(shù)據(jù)。
.live()方法是基本的.bind()方法的一個變形,后者可以將事件處理程序附加到元素·,當調(diào)用.bind()時,jQuery對象匹配的元素將被附加上事件處理程序,但以后添加的元素并不會被附加該事件處理程序,因此,還需要對這些元素再次調(diào)用.bind()方法。
.one()方法將事件處理程序附加到匹配元素的指定事件并返回jQuery對象。所附加的事件處理程序最多只能執(zhí)行一次。
.one(eventType,[eventData],handler(eventObject))
其中,參數(shù)eventType是一個字符串,包含一個或多個javaScript事件類型,例如click,submit或自定義事件的名稱,指定多個事件類型時用空格分隔各個類型;eventData為Map類型,給出要傳遞給事件處理程序的數(shù)據(jù),handler指定觸發(fā)該事件時要執(zhí)行的函數(shù),eventObject表示事件對象。
.one()方法與.bind()類似,所不同的是,使用.one()綁定的事件處理程序在執(zhí)行一次之后將自動取消綁定。
.delegate()方法基于一組特定的根元素將處理程序附加到匹配選擇器的所有元素(現(xiàn)有的或?qū)淼模┑囊粋€或多個事件上。
.delegate(selector,eventType[,eventData],handler)
其中,參數(shù) selector是一個選擇器,用于篩選觸發(fā)事件的元素;eventType是一個字符串,指定一個或多個JavaScript事件類型(多個事件用空格分隔),例如click,keydown或自定義事件名稱;eventData為映射類型,表示要傳遞給事件處理程序的數(shù)據(jù);handler表示觸發(fā)該事件時執(zhí)行的函數(shù)。
.delegate()與.live()類似,可將每個事件的綁定委托給指定的DOM元素。
- jQuery的三種bind/One/Live/On事件綁定使用方法
- 關(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)
- jQuery中bind(),live(),delegate(),on()綁定事件方法實例詳解
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jQuery中對未來的元素綁定事件用bind、live or on
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- 使用jQuery向asp.net Mvc傳遞復雜json數(shù)據(jù)-ModelBinder篇
- jQuery中的on與bind綁定事件區(qū)別實例詳解
相關(guān)文章
jQuery插件echarts實現(xiàn)的單折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的單折線圖效果,結(jié)合完整實例形式分析了echarts插件繪制簡單折線圖的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
JQuery限制復選框checkbox可選中個數(shù)的方法
這篇文章主要介紹了JQuery限制復選框checkbox可選中個數(shù)的方法,涉及jQuery操作復選框長度判斷與屬性修改的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
seajs加載jquery時提示$ is not a function該怎么解決
這篇文章主要介紹了seajs加載jquery時提示$ is not a function該怎么解決的相關(guān)資料,需要的朋友可以參考下2015-10-10
使用ajax+jqtransform實現(xiàn)動態(tài)加載select
本文給大家介紹了使用ajax+jqtransform實現(xiàn)動態(tài)加載select,效果非常的不錯,這里推薦給大家,有需要的小伙伴直接拿走使用。2014-12-12

