jqurey的事件委託

2021-10-02 10:02:15 字數 2399 閱讀 8885

1.什麼是事件委託?

事件委託是利用事件冒泡來實現,只指定乙個事件處理程式 來管理某一型別的所有事件。

2.為什麼要用事件委託

1) 在js中新增到頁面的事件處理程式的個數直接關係到頁面的整體載入速度

因為每個事件處理程式都是乙個物件,物件會占用記憶體。物件越多需要載入的記憶體就越多

2) 有很多個資料的**以及很長的列表逐個新增事件,對於開發人員而言,就是噩夢。

so: 事件委託能極大的提高頁面的載入速度 ,減少開發人員的工作量

原生js 中 事件委託

.list

<

/style>

="list"

>

1<

/li>

="list"

>

2<

/li>

="list"

>

3<

/li>

="list"

>

4<

/li>

="list"

>

5<

/li>

="list"

>

6<

/li>

<

/ul>

var uls = document.

getelementsbytagname

("ul")[

0];var lists = document.

getelementsbyclassname

("list");

uls.

addeventlistener

("click"

,function

(ev)

//效果2:

if(color ==

"white"

|| color =="")

}})<

/script>

jq事件委託

$

("ul").

on("click"

,".list"

,function

(ev)

)

事件委託的使用場景/作用:

1.操作子元素時,不用一一遍歷,可以根據是事件觸發的物件來進行相應的操作

可以為dom當中的很多元素去繫結 「相同的」 事件

2.將事件委託給父級後,動態建立(刪除)的子元素不同重新繫結(解綁)事件,實現了事件和元素的同步更新

適用性:

1. focus(), blur() 這兩個方法本身沒有事件冒泡,所以無法使用事件委託

2. mouseover, mouseout這兩個事件的觸發率較高,經常需要計算,所以偶爾會出現卡頓。偏差

3. 比較適用的有: click mousedown mouseup keydown keyup keypress

jquery中addclass、removeclass、toggleclass的使用?

( se

lect

or).

addc

lass

(cla

ss):

為每個匹

配的元素

新增指定

的類

名(selector).addclass(class):為每個匹配的元素新增指定的類名   

(selec

tor)

.add

clas

s(cl

ass)

:為每個

匹配的元

素新增指

定的類名

(selector).removeclass(class):從所有匹配的元素中刪除全部或者指定的類,刪除class中某個值;

( se

lect

or).

togg

lecl

ass(

clas

s):如

果存在(

不存在)

就刪除(

新增)一

個類

(selector).toggleclass(class):如果存在(不存在)就刪除(新增)乙個類   

(selec

tor)

.tog

glec

lass

(cla

ss):

如果存在

(不存在

)就刪除

(新增)

乙個類(selector).removeattr(class);刪除class這個屬性;;

jqurey事件 ready用法

事件方法會觸發匹配元素的事件,jqurey事件 ready用法或將函式繫結到所有匹配元素的某個事件。ready 在文件載入後啟用函式 this is a paragraph.btn1 toggle jqurey事件 ready用法 複製 定義和用法 當 dom 文件物件模型 已經載入,並且頁面 包括...

事件委託的例子

using system using system.collections.generic using system.text namespace eventhanldertest 4.定義事件處理程式 public mytext onchanged object sender,eventargs ...

js的事件委託

顧名思義事件委託就是把自己的事情委託給別人去做,事件呢就是比如 onclick onmouseover onmouseout 可以委託到別人的身上去做。利用事件冒泡原理把事件新增到父級上來執行新增效果 好處 效能好 通常我們給一堆 li 新增事件會使用for迴圈新增這樣新增的效能不是很好,那麼事件委...