JQ 事件繫結與事件委派

2022-08-30 20:48:14 字數 621 閱讀 1302

一、定義:

所謂事件:即給相應標籤進行的動作

二、事件繫結

給所有的p標籤繫結乙個事件click,去執行裡邊的function函式

$("p").click(function(){})

三、事件委派

1、定義:事件委派的定義就是,把原來加給子元素身上的事件繫結在父元素身上,就是把事件委派給父元素。

2、具體執行,用on來繫結:

$(document).on('click', '#list li', function

() );

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

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

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

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

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

jq父級繫結事件的意義 事件委託和JQ事件繫結總結

事件委託 比喻 事件委託的事例在現實當中比比皆是。比如,有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快遞 二是委託給前台mm代為簽收。現實當中,我們大都採用委託的方案 公司也不會容忍那麼多員工站在門口就為了等快遞 前台mm收到快遞後,她會判斷收件人是誰,然後按照收件...

事件捕獲事件冒泡事件委派

當事件發生時,事件從dom樹頂層節點,一直傳播到目標節點,這個階段就叫做事件捕獲階段 當事件發生時,事件從目標節點,一直傳播到dom樹頂層節點,這個階段就叫做事件冒泡階段 當事件發生時,事件傳播順序為 事件捕獲階段 事件目標階段 事件冒泡階段 function stopbubble e else f...

jq繫結事件的方法區別

jquery中用on來繫結事件,經常的寫法有 document on click classname function classname on click function 上面兩種都是給類是classname的元素新增了click事件,那這兩個寫法有什麼區別呢?在效率上哪個更好呢?documen...