jquery繫結事件

2021-07-30 11:09:30 字數 980 閱讀 8401

bind()向匹配元素新增乙個或多個事件處理器。

$(selector).bind(event,data,function)

live() 向當前或未來的匹配元素新增乙個或多個事件處理器;

$(selector).live(event,data,function)

delegate() 為指定的元素(被選元素的子元素)新增乙個或多個事件處理程式,並規定當這些事件發生時執行的函式。使用 delegate() 方法的事件處理程式適用於當前或未來的元素(比如由指令碼建立的新元素)。

$(selector).delegate(childselector,event,data,function)

on() 為指定的元素,新增乙個或多個事件處理程式,並規定當這些事件發生時執行的函式。使用 on() 方法的事件處理程式適用於當前或未來的元素(比如由指令碼建立的新元素)。

$(selector).on(event,childselector,data,function)

相同點:

1.都支援單元素多事件的繫結;空格相隔方式或者大括號替代方式;

2.均是通過事件冒泡方式,將事件傳遞到document進行事件的響應;

比較和聯絡:

1. bind()函式只能針對已經存在的元素進行事件的設定;但是live(),on(),delegate()均支援未來新新增元素的事件設定;

2. bind()函式在jquery1.7版本以前比較受推崇,1.7版本出來之後,官方已經不推薦用bind(),替代函式為on(),這也是1.7版本新新增的函式,同樣,可以用來代替live()函式,live()函式在1.9版本已經刪除;

3. live()函式和delegate()函式兩者類似,但是live()函式在執行速度,靈活性和css選擇器支援方面較delegate()差些

4. bind()支援jquery所有版本;live()支援jquery1.8-;delegate()支援jquery1.4.2+;on()支援jquery1.7+;

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 是直接繫結在元素上 live 則是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document dom節點上。和.bind 的優勢是支援動態資料。delegate 則是更精確的小範圍使用事件 效能優於.live on 則是最新的1.9版本整合了之前的三種方式的新事件繫結機...