談 jquery中.band() .live() .delegate() .on()的區別

標籤：events   on()   冒泡   query   支援   span   dom   通過   type   

 

 

bind(type,[data],fn) 為每個匹配元素的特定事件綁定事件處理函數

$("a").bind("click",function(){alert("ok");});

live(type,[data],fn) 給所有匹配的元素附加一個事件處理函數，即使這個元素是以後再添加進來的

$("a").live("click",function(){alert("ok");});

delegate(selector,[type],[data],fn) 指定的元素（屬於被選元素的子項目）添加一個或多個事件處理常式，並規定當這些事件發生時啟動並執行函數

$("#container").delegate("a","click",function(){alert("ok");})

on(events,[selector],[data],fn) 在選擇元素上綁定一個或多個事件的事件處理函數

  區別：

@1   .bind()是直接綁定在元素上

@2   .live()則是通過冒泡的方式來綁定到元素上的。更適合清單類型的，綁定到document DOM節點上。和.bind()的優勢是支援動態資料。

@3   .delegate()則是更精確的小範圍使用事件代理，效能優於.live()

@4   .on()則是最新的1.9版本整合了之前的三種方式的新事件綁定機制

談 jquery中.band() .live() .delegate() .on()的區別