jquery繫結事件

1.

bind()

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

使用方式

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

event：必需項；新增到元素的乙個或多個事件，例如 click,dblclick等；

單事件處理：例如 $(selector).bind("click",data,function);

多事件處理：1.利用空格分隔多事件，例如 $(selector).bind("click dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如 $(selector).bind()

3.空格相隔方式：繫結較為死板，不能給事件單獨繫結函式,適合處理多個事件呼叫同一函式情況；

大括號替代方式：繫結較為靈活，可以給事件單獨繫結函式；　　　  

data：可選；需要傳遞的引數；

function：必需；當繫結事件發生時，需要執行的函式；

2.　live() 

向當前或未來的匹配元素

新增乙個或多個事件處理器；

使用方式

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

event：

必需項；新增到元素的乙個或多個事件，例如 click,dblclick等；

單事件處理：例如 $(selector).live("click",data,function);

多事件處理：1.利用空格分隔多事件，例如 $(selector).live

("click dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如 $(selector).live

()　

3.空格相隔方式：繫結較為死板，不能給事件單獨繫結函式,適合處理多個事件呼叫同一函式情況；

大括號替代方式：繫結較為靈活，可以給事件單獨繫結函式；　　　  

data：

可選；需要傳遞的引數；

function：

必需；當繫結事件發生時，需要執行的函式；

**：xmlns="">

結果：3.delegate() 

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

使用方式　

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

childselector: 

必需項；需要新增事件處理程式的元素，一般為selector的子元素；

event：

必需項；新增到元素的乙個或多個事件，例如 click,dblclick等；

單事件處理：例如 $(selector).delegate(childselector,"click",data,function);

多事件處理：1.利用空格分隔多事件，例如 $(selector).delegate(childselector,"click dbclick mouseout

",data,function);

2.利用大括號靈活定義多事件，例如 $(selector).delegate(childselector,)　

3.空格相隔方式：繫結較為死板，不能給事件單獨繫結函式,適合處理多個事件呼叫同一函式情況；

大括號替代方式：繫結較為靈活，可以給事件單獨繫結函式；　　　  

data：

可選；需要傳遞的引數；

function：

必需；當繫結事件發生時，需要執行的函式；

**：結果：

4.on() 

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

使用方式　

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

event：

必需項；新增到元素的乙個或多個事件，例如 click,dblclick等；

單事件處理：例如 $(selector).on("click",childselector,data,function);

多事件處理：1.利用空格分隔多事件，例如 $(selector).on("click dbclick mouseout",childseletor,data,function);

2.利用大括號靈活定義多事件，例如$(selector).on(,childselector);　

3.空格相隔方式：繫結較為死板，不能給事件單獨繫結函式,適合處理多個事件呼叫同一函式情況；

大括號替代方式：繫結較為靈活，可以給事件單獨繫結函式；　

childselector: 

可選；需要新增事件處理程式的元素，一般為selector的子元素；

data：

可選；需要傳遞的引數；

function：

必需；當繫結事件發生時，需要執行的函式；

**：

結果：

jquery 事件繫結

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

jQuery事件繫結

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

jquery繫結事件

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