jQuery中bind,live,delegate與one方法的用法及區(qū)別解析
bind( )方法用于將一個(gè)處理程序附加到每個(gè)匹配元素的事件上并返回jQuery對(duì)象。
.bind(eventType[, evnetData], Handler(eventObject))
其中,參數(shù)eventType是一個(gè)字符串,包含一個(gè)或多個(gè)javaScript事件類(lèi)型,例如click,submit或自定義事件的名稱(chēng),指定多個(gè)事件類(lèi)型時(shí)用空格分隔各個(gè)類(lèi)型;eventData為Map類(lèi)型,給出要傳遞給事件處理程序的數(shù)據(jù),handler指定觸發(fā)該事件時(shí)要執(zhí)行的函數(shù),eventObject表示事件對(duì)象。
.bind()方法將事件處理程序handler附加到匹配元素集合中的每個(gè)元素的eventType事件上,如果需要,還可以向事件處理程序傳遞數(shù)據(jù)。
live( )方法將一個(gè)事件處理程序附加到與當(dāng)前選擇器匹配的所有元素(包含現(xiàn)有的或?qū)?lái)添加的)的指定事件上并返回jQuery對(duì)象。
.live(eventType,[eventData],handler)
其中,參數(shù)eventType是一個(gè)字符串,包含一個(gè)或多個(gè)javaScript事件類(lèi)型,例如click,keydown或自定義事件的名稱(chēng),eventData是可選參數(shù),為Map類(lèi)型,給出要傳遞給事件處理程序的數(shù)據(jù),該參數(shù)是在jQuery1.4中添加的;handler是一個(gè)函數(shù),當(dāng)觸發(fā)該事件時(shí)將執(zhí)行這些函數(shù)
.live()方法將事件處理程序handler附加到每個(gè)匹配元素(包含當(dāng)前存在的和將來(lái)添加的)的eventType事件上,必要時(shí)還可以使用參加eventData向事件處理程序傳遞數(shù)據(jù)。
.live()方法是基本的.bind()方法的一個(gè)變形,后者可以將事件處理程序附加到元素·,當(dāng)調(diào)用.bind()時(shí),jQuery對(duì)象匹配的元素將被附加上事件處理程序,但以后添加的元素并不會(huì)被附加該事件處理程序,因此,還需要對(duì)這些元素再次調(diào)用.bind()方法。
.one()方法將事件處理程序附加到匹配元素的指定事件并返回jQuery對(duì)象。所附加的事件處理程序最多只能執(zhí)行一次。
.one(eventType,[eventData],handler(eventObject))
其中,參數(shù)eventType是一個(gè)字符串,包含一個(gè)或多個(gè)javaScript事件類(lèi)型,例如click,submit或自定義事件的名稱(chēng),指定多個(gè)事件類(lèi)型時(shí)用空格分隔各個(gè)類(lèi)型;eventData為Map類(lèi)型,給出要傳遞給事件處理程序的數(shù)據(jù),handler指定觸發(fā)該事件時(shí)要執(zhí)行的函數(shù),eventObject表示事件對(duì)象。
.one()方法與.bind()類(lèi)似,所不同的是,使用.one()綁定的事件處理程序在執(zhí)行一次之后將自動(dòng)取消綁定。
.delegate()方法基于一組特定的根元素將處理程序附加到匹配選擇器的所有元素(現(xiàn)有的或?qū)?lái)的)的一個(gè)或多個(gè)事件上。
.delegate(selector,eventType[,eventData],handler)
其中,參數(shù) selector是一個(gè)選擇器,用于篩選觸發(fā)事件的元素;eventType是一個(gè)字符串,指定一個(gè)或多個(gè)JavaScript事件類(lèi)型(多個(gè)事件用空格分隔),例如click,keydown或自定義事件名稱(chēng);eventData為映射類(lèi)型,表示要傳遞給事件處理程序的數(shù)據(jù);handler表示觸發(fā)該事件時(shí)執(zhí)行的函數(shù)。
.delegate()與.live()類(lèi)似,可將每個(gè)事件的綁定委托給指定的DOM元素。
- jQuery的三種bind/One/Live/On事件綁定使用方法
- 關(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)
- jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jQuery中對(duì)未來(lái)的元素綁定事件用bind、live or on
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- 使用jQuery向asp.net Mvc傳遞復(fù)雜json數(shù)據(jù)-ModelBinder篇
- jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
相關(guān)文章
JQuery學(xué)習(xí)筆記 nt-child的使用
在使用JQuery的時(shí)候如果你想尋找某個(gè)容器(諸如div或者是table中的某些子元素),那么很容易就使用find方法。2011-01-01jQuery進(jìn)行組件開(kāi)發(fā)完整實(shí)例
這篇文章主要介紹了jQuery進(jìn)行組件開(kāi)發(fā)的方法,以完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)自定義組件的相關(guān)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2015-12-12JQuery中$.ajax()方法參數(shù)詳解及應(yīng)用
JQuery中$.ajax()方法想必大家并不陌生吧,在本文將為大家介紹下其參數(shù)及應(yīng)用示例,感興趣的朋友不要錯(cuò)過(guò)2013-12-12使用jquery實(shí)現(xiàn)仿百度自動(dòng)補(bǔ)全特效
這里給大家分享的效果是像百度的搜索框一樣,當(dāng)用戶(hù)在文本框輸入前幾個(gè)字母或是漢字的時(shí)候,該控件就能從存放數(shù)據(jù)的文或是數(shù)據(jù)庫(kù)里將所有以這些字母開(kāi)頭的數(shù)據(jù)提示給用戶(hù),供用戶(hù)選擇,提供方便,增加用戶(hù)體驗(yàn)。2015-07-07jquery實(shí)現(xiàn)ajax提交表單信息的簡(jiǎn)單方法(推薦)
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)ajax提交表單信息的簡(jiǎn)單方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08jQuery源碼分析-05異步隊(duì)列 Deferred 使用介紹
異步隊(duì)列是一個(gè)鏈?zhǔn)綄?duì)象,增強(qiáng)對(duì)回調(diào)函數(shù)的管理和調(diào)用,用于處理異步任務(wù)2011-11-11