jQuery 事件繫結

2021-08-29 18:52:43 字數 996 閱讀 6204

本文只介紹 on 的繫結和解綁方式

不代表jquery 就只有這一種繫結方式和解綁方式

作用:給匹配的元素繫結事件,包括了上面所有繫結事件方式的優點

語法:jquery1.7版本後,jquery用on統一了所有的事件處理的方法

// 第乙個引數:events,繫結事件的名稱可以是由空格分隔的多個事件(標準事件或者自定義事件)

// 第二個引數:selector, 執行事件的後代元素

// 第三個引數:data,傳遞給處理函式的資料,事件觸發的時候通過event.data來使用

// 第四個引數:handler,事件處理函式

$(selector).on

(events[

,selector]

[,data]

,handler)

;// 表示給$(selector)繫結事件,當必須是它的內部元素span才能執行這個事件

$(selector).on

("click"

,「span」,

function()

);// 繫結多個事件

// 表示給$(selector)匹配的元素繫結單擊和滑鼠進入事件

$(selector).on

(「click mouseenter」,

function()

);

// 解綁匹配元素的所有事件

$(selector)

.off()

;// 解綁匹配元素的所有click事件

$(selector)

.off

(「click」)

;// 解綁所有**的click事件,元素本身的事件不會被解綁

$(selector)

.off

( 「click」, 「**」 )

;

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版本整合了之前的三種方式的新事件繫結機...