jQuery中.bind() .live() .delegate() .on()區別

標籤：最新版   cli   event   function   特定   div   hook   tor   contain   

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

$(‘#members‘).on(‘click‘,‘li a‘,function(){});

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

$(‘a‘).bind(‘click‘,function(){})

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

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

delegate(selector,[type],[data],fn)指定的元素（一定是屬於被選元素的子項目）添加一個或多個事件處理函數

$(‘#container‘).delegate(‘a‘,‘click‘,function(){})

差別：

.bind()直接綁定到元素上，代價大，會把相同的一個事件處理常式hook到所有匹配的DOM元素上

.live()是通過事件冒泡的方式來綁定到元素上的。更適合清單類型，綁定到DOM節點上，支援動態資料，不建議使用

.delegate()則是更精確的小範圍使用事件處理，效能優於.live()，同時可以添加事件處理方法到動態添加的元素上

.on()最新版唄的事件綁定機制，可以用on來代替其他山中方法

 

jQuery中.bind() .live() .delegate() .on()區別