JQuery事件怎么處理

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

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

　　事件應用：事件處理程序指的是當 HTML 中發生某些事件時所調用的方法。

　　例如：

　　1. 頁面載入：查詢及操縱時綁定的一個要執行的函數

　　下面意思是當 DOM 載入就緒可以查詢及操縱時綁定一個要執行的函數。

　　2. 事件處理：添加事件

　　下面意思是向li添加點擊事件的處理程序

　　3. 添加/刪除類

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

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

　　在下面意思是向li標簽添加divHover類

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

　　mouseover（） 當鼠標指針位于元素上方時觸發的事件。事件在鼠標指針進入被選元素或任意子元素時都會被觸發

　　mouseout（） 添加/觸發鼠標離開事件。事件在鼠標離開被選元素的子元素時也會觸發

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

　　在下面意思是鼠標指針進入#div2就添加divHover類，當鼠標離開#div2時divHover類就又被刪除

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

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

　　在下面意思是綁定點擊事件和選擇li還有事件執行控制臺輸出

　　6. 綁定多個不同功能的事件

　　mouseenter（） 添加/觸發鼠標移入事件

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

　　mouseleave（）添加/觸發鼠標離開事件事件只有在離開被選元素的時候才會觸發，該事件大多數時。候會與 mouseenter 事件一起使用。

　　mousemove（） 添加/觸發移動事件。

　　在下面意思是鼠標指針進入#div3就添加divHover類，當鼠標離開#div3時divHover類就又被刪除，鼠標在#div3中mousemove（） 添加/觸發移動事件。

　　7. 將數據傳遞到處理函數中，動態傳參

　　在下面意思是點擊#btn3就會輸出Hello btn3

　　8.移除事件

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

　　移除按鈕上的點擊事件：

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

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

　　移除li上的點擊事件：

　　在下面意思是使用off移除li上的點擊事件

　　9.添加一個或多個事件

　　（1）添加一個或多個，只能觸發一次

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

　　在下面意思是使用one（），在點擊#div3中只能觸發一次，也就是在控制臺輸出一次one（）;

　　（2）當前或未來的子元素添加

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

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

　　（3）添加新元素

　　append（）在被選元素的結尾插入內容（結束標簽之前插入）

　　在下面意思是在ul標簽結尾插入<li>li_“+i+”</li>

關于“JQuery事件怎么處理”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“JQuery事件怎么處理”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。