JQuery學習摘要1 事件處理on

2021-10-07 06:03:02 字數 1355 閱讀 9942

on(events,[selector],[data],fn)

在選擇元素上繫結乙個或多個事件的事件處理函式。

on()方法繫結事件處理程式到當前選定的jquery物件中的元素。

引數

events:乙個或多個用空格分隔的事件型別和可選的命名空間,如」click」或」keydown.myplugin」 。

selector:乙個選擇器字串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。

data:當乙個事件被觸發時要傳遞event.data給事件處理函式。

fn:該事件被觸發時執行的函式。 false 值也可以做乙個函式的簡寫,返回false。

用於演示的html結構

li1li2

繫結乙個事件

$

('div').

on('click'

,function()

);

多個事件繫結不同函式

$

('div').

on(, mouseover:

function()

})

多個事件繫結同乙個函式

$

('div').

on('click mouseover'

,function()

);

事件委派:把原來加到子元素身上的事件繫結到父元素身上,利用冒泡原理影響設定每個子元素。

//給ol下的每乙個li繫結事件$(

'ol').

on('click'

,'li'

,function()

)

1.一般事件註冊方法如果要給動態生成的元素繫結事件,需要把生成元素的**寫到繫結事件前面,如下:

var li=$(

'後來動態建立的li');

$('ul').

(li);$

("ul li").

click

(function()

)

2.on方法繫結:建立元素可以寫在繫結事件**前面或後面。

$

('ul').

on('click'

,'li'

,function()

)var li=$(

'後來建立的li');

$('ul').

(li)

;

JQuery事件處理

一 繫結事件 bind unbind live die delegate undelegate objid bind mouseover function event 解綁對應的是unbind mouseover 注意 元素還不存在頁面dom中時,用.live 繫結方法 示例 objid live ...

Jquery 事件處理

1.5.1事件模型 5.1.1原始事件模型 5.1.2dom事件模型 1.註冊事件 body head 引數一表示要繫結的事件型別,事件型別與書劍屬性不同,他沒有字首on,如 對於事件屬性onclick來說,對應事件型別為click 引數二 表示呼叫事件型別的處理函式,該函式自帶乙個預設引數,醫用e...

jQuery事件處理(一)

事件處理函式 一.指定事件處理函式 通過下面方法 jquery選擇器.事件名 function 向事件處理函式傳遞函式。引數名為 foo。引數值為 hello 在事件處理函式中,可以使用event.data.foo獲得引數值。示例 使用bind 方法禁止網頁彈出右鍵選單。右擊網頁,將不會彈出右鍵選單...