這篇文章主要介紹了JQuery事件怎么處理的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇JQuery事件怎么處理文章都會(huì)有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供紅河網(wǎng)站建設(shè)、紅河做網(wǎng)站、紅河網(wǎng)站設(shè)計(jì)、紅河網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、紅河企業(yè)網(wǎng)站模板建站服務(wù)，十余年紅河做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

什么是叫事件：頁面對不同訪問者的響應(yīng)叫做事件。

事件應(yīng)用：事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時(shí)所調(diào)用的方法。

例如：

1. 頁面載入：查詢及操縱時(shí)綁定的一個(gè)要執(zhí)行的函數(shù)

下面意思是當(dāng) DOM 載入就緒可以查詢及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)。

2. 事件處理：添加事件

下面意思是向li添加點(diǎn)擊事件的處理程序

3. 添加/刪除類

toggleClass（） 對被選元素進(jìn)行添加/刪除類的切換操作

on（） 向元素添加事件處理程序

在下面意思是向li標(biāo)簽添加divHover類

4.一個(gè)元素綁定同功能的多種事件：

mouseover（） 當(dāng)鼠標(biāo)指針位于元素上方時(shí)觸發(fā)的事件。事件在鼠標(biāo)指針進(jìn)入被選元素或任意子元素時(shí)都會(huì)被觸發(fā)

mouseout（） 添加/觸發(fā)鼠標(biāo)離開事件。事件在鼠標(biāo)離開被選元素的子元素時(shí)也會(huì)觸發(fā)

on（） 向元素添加事件處理程序

在下面意思是鼠標(biāo)指針進(jìn)入#div2就添加divHover類，當(dāng)鼠標(biāo)離開#div2時(shí)divHover類就又被刪除

5. 多元素綁定同一事件（同事件委托）事件名稱，選擇器，事件要執(zhí)行的方法

on（） 向元素添加事件處理程序

在下面意思是綁定點(diǎn)擊事件和選擇li還有事件執(zhí)行控制臺(tái)輸出

6. 綁定多個(gè)不同功能的事件

mouseenter（） 添加/觸發(fā)鼠標(biāo)移入事件

addClass（） 向被選元素添加一個(gè)或多個(gè)類。

mouseleave（）添加/觸發(fā)鼠標(biāo)離開事件事件只有在離開被選元素的時(shí)候才會(huì)觸發(fā)，該事件大多數(shù)時(shí)。候會(huì)與 mouseenter 事件一起使用。

mousemove（） 添加/觸發(fā)移動(dòng)事件。

在下面意思是鼠標(biāo)指針進(jìn)入#div3就添加divHover類，當(dāng)鼠標(biāo)離開#div3時(shí)divHover類就又被刪除，鼠標(biāo)在#div3中mousemove（） 添加/觸發(fā)移動(dòng)事件。

7. 將數(shù)據(jù)傳遞到處理函數(shù)中，動(dòng)態(tài)傳參

在下面意思是點(diǎn)擊#btn3就會(huì)輸出Hello btn3

8.移除事件

（1）off（） 移除通過 on（） 方法添加的事件處理程序

移除按鈕上的點(diǎn)擊事件：

在下面意思是使用off移除#btn3按鈕上的點(diǎn)擊事件;

（2）undelegate（） 從現(xiàn)在或未來的被選元素上移除事件處理程序

移除li上的點(diǎn)擊事件：

在下面意思是使用off移除li上的點(diǎn)擊事件

9.添加一個(gè)或多個(gè)事件

（1）添加一個(gè)或多個(gè)，只能觸發(fā)一次

one（） 向被選元素添加一個(gè)或多個(gè)事件處理程序。該處理程序只能被每個(gè)元素觸發(fā)一次

在下面意思是使用one（），在點(diǎn)擊#div3中只能觸發(fā)一次，也就是在控制臺(tái)輸出一次one（）;

（2）當(dāng)前或未來的子元素添加

delegate（） 向匹配元素的當(dāng)前或未來的子元素添加處理程序

在下面意思是向匹配元素的當(dāng)前添加處理程序

（3）添加新元素

append（）在被選元素的結(jié)尾插入內(nèi)容（結(jié)束標(biāo)簽之前插入）

在下面意思是在ul標(biāo)簽結(jié)尾插入

關(guān)于“JQuery事件怎么處理”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“JQuery事件怎么處理”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。