jQuery中bind,live,delegate與one方法的用法及區(qū)別解析

本篇文章主要是對(duì)jQuery中bind,live,delegate與one方法的用法及區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

bind( )方法用于將一個(gè)處理程序附加到每個(gè)匹配元素的事件上并返回jQuery對(duì)象。

.bind(eventType[, evnetData], Handler(eventObject))

其中，參數(shù)eventType是一個(gè)字符串，包含一個(gè)或多個(gè)javaScript事件類型，例如click，submit或自定義事件的名稱，指定多個(gè)事件類型時(shí)用空格分隔各個(gè)類型；eventData為Map類型，給出要傳遞給事件處理程序的數(shù)據(jù)，handler指定觸發(fā)該事件時(shí)要執(zhí)行的函數(shù)，eventObject表示事件對(duì)象。

.bind()方法將事件處理程序handler附加到匹配元素集合中的每個(gè)元素的eventType事件上，如果需要，還可以向事件處理程序傳遞數(shù)據(jù)。

live( )方法將一個(gè)事件處理程序附加到與當(dāng)前選擇器匹配的所有元素（包含現(xiàn)有的或?qū)硖砑拥模┑闹付ㄊ录喜⒎祷豭Query對(duì)象。

.live(eventType,[eventData],handler)

其中，參數(shù)eventType是一個(gè)字符串，包含一個(gè)或多個(gè)javaScript事件類型，例如click，keydown或自定義事件的名稱，eventData是可選參數(shù)，為Map類型，給出要傳遞給事件處理程序的數(shù)據(jù)，該參數(shù)是在jQuery1.4中添加的；handler是一個(gè)函數(shù)，當(dāng)觸發(fā)該事件時(shí)將執(zhí)行這些函數(shù)

.live()方法將事件處理程序handler附加到每個(gè)匹配元素（包含當(dāng)前存在的和將來添加的）的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事件類型，例如click，submit或自定義事件的名稱，指定多個(gè)事件類型時(shí)用空格分隔各個(gè)類型；eventData為Map類型，給出要傳遞給事件處理程序的數(shù)據(jù)，handler指定觸發(fā)該事件時(shí)要執(zhí)行的函數(shù)，eventObject表示事件對(duì)象。

.one()方法與.bind()類似，所不同的是，使用.one()綁定的事件處理程序在執(zhí)行一次之后將自動(dòng)取消綁定。

.delegate()方法基于一組特定的根元素將處理程序附加到匹配選擇器的所有元素（現(xiàn)有的或?qū)淼模┑囊粋€(gè)或多個(gè)事件上。

.delegate(selector,eventType[,eventData],handler)

其中，參數(shù) selector是一個(gè)選擇器，用于篩選觸發(fā)事件的元素；eventType是一個(gè)字符串，指定一個(gè)或多個(gè)JavaScript事件類型（多個(gè)事件用空格分隔），例如click,keydown或自定義事件名稱；eventData為映射類型，表示要傳遞給事件處理程序的數(shù)據(jù)；handler表示觸發(fā)該事件時(shí)執(zhí)行的函數(shù)。

.delegate()與.live()類似，可將每個(gè)事件的綁定委托給指定的DOM元素。