jQuery事件繫結

2021-07-14 13:10:39 字數 839 閱讀 1281

區別:

.bind()是直接繫結在元素上

.live()則是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document dom節點上。和.bind()的優勢是支援動態資料。

.delegate()則是更精確的小範圍使用事件**,效能優於.live()

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

詳解:

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())

on(events,[selector],[data],fn)在選擇元素上繫結乙個或多個事件的事件處理函式:在#panel裡面找。btnadd

$('#panel').on('click', '.btnadd', function

() );

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...

jquery繫結事件

1.bind 向匹配元素新增乙個或多個事件處理器。使用方式 selector bind event,data,function event 必需項 新增到元素的乙個或多個事件,例如 click,dblclick等 單事件處理 例如 selector bind click data,function ...

jquery繫結事件

bind 向匹配元素新增乙個或多個事件處理器。selector bind event,data,function live 向當前或未來的匹配元素新增乙個或多個事件處理器 selector live event,data,function delegate 為指定的元素 被選元素的子元素 新增乙個或...