jQuery事件繫結(二)

2021-07-25 19:06:05 字數 887 閱讀 7355

二、bind方法:向匹配元素新增乙個或多個事件處理程式

自從jquery1.7

之前比較推崇,在jquery1.7之後就用on()來代替。

使用方法:

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

引數:event:必需項;新增到元素的乙個或多個事件,例如 click,dblclick等;

data:可選;需要傳遞的引數

function:必需;當繫結事件發生時,需要執行的函式;

對應解綁方法:unbind()

舉例說明

這裡我們建立了乙個按鈕和乙個div

事件繫結bind()

div1

事件繫結**如下圖

三.live

方法:向匹配元素新增乙個或多個事件處理程式

在jquery1.3增加live方法,在jquery1.9中已經移除。目前最好不要使用該方法

使用方法

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

引數:event:必需項;新增到元素的乙個或多個事件,例如 click,dblclick等;

data:可選;需要傳遞的引數;

function:必需;當繫結事件發生時,需要執行的函式;

對應解綁方法: die()

同樣我們建立了乙個按鈕和乙個div

事件繫結bind()

div1

事件繫結

方法如下圖

jQuery(二)事件繫結方式

bind type,data fn 為每個匹配元素的特定事件繫結對應的事件處理函式 type表示事件型別,多個事件型別使用空格分隔 data表示傳遞給繫結函式的額外資料物件,函式中使用event.data接收 了解 fu表示繫結的函式 例子 當繫結不同事件型別繫結不同事件函式 白日依山盡,黃河入海流...

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 ...