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

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

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

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

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

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

live( )方法將一個事件處理程序附加到與當前選擇器匹配的所有元素（包含現有的或將來添加的）的指定事件上并返回jQuery對象。

.live(eventType,[eventData],handler)

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

.live()方法將事件處理程序handler附加到每個匹配元素（包含當前存在的和將來添加的）的eventType事件上，必要時還可以使用參加eventData向事件處理程序傳遞數據。

.live()方法是基本的.bind()方法的一個變形，后者可以將事件處理程序附加到元素·，當調用.bind()時，jQuery對象匹配的元素將被附加上事件處理程序，但以后添加的元素并不會被附加該事件處理程序，因此，還需要對這些元素再次調用.bind()方法。

.one()方法將事件處理程序附加到匹配元素的指定事件并返回jQuery對象。所附加的事件處理程序最多只能執行一次。

.one(eventType,[eventData],handler(eventObject))

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

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

.delegate()方法基于一組特定的根元素將處理程序附加到匹配選擇器的所有元素（現有的或將來的）的一個或多個事件上。

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

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

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