讀jQuery之十 事件模塊概述
雖然事件模塊代碼很難讀，但其提供的API接口還是很清晰的。如下
1 添加事件(bind/one/live/delegate/hover/toggle)
bind 基本的添加事件函數(shù)。
one 添加只執(zhí)行一次的事件函數(shù)。
live 事件代理（使用document代理）。
delegate 事件代理（使用指定元素代理）。
hover 模擬css的hover。
toggle 顯示/隱藏。
bind/one/live 都是使用內(nèi)部的jQuery.event.add 來完成事件添加。
delegate 內(nèi)部調(diào)用的是live。
hover 內(nèi)部使用mouseenter/mouseleave，而mouseenter/mouseleave又使用bind。
toggle 內(nèi)部使用click，而click內(nèi)部又調(diào)用的是bind。
實(shí)際上jQuery的一個each調(diào)用就給jQuery對象上增加了24個添加事件的快捷方法
如下圖
如下圖
記住，bind調(diào)用的是jQuery.event.add，因此 jQuery.event.add 才是整個jQuery添加事件模塊的核心。以上所有的方法都是在其之上構(gòu)建的上層應(yīng)用。如圖
2 刪除事件 (unbind/die/undelegate)
unbind 刪除事件基礎(chǔ)方法?？梢詣h除一個指定handler，還可以刪除某類型事件的全部handler，甚至可以刪除掛在element上的全部事件。其內(nèi)部調(diào)用jQuery.event.remove。
die/undelegate 刪除事件代理。 內(nèi)部都使用unbind。
因此， jQuery.event.remove 才是整個jQuery刪除事件模塊的核心。unbind/die/undelegate都是在其之上構(gòu)建的上層應(yīng)用。如圖
3 觸發(fā)事件(trigger/triggerHandler)
trigger 觸發(fā)一個事件（會冒泡）
triggerHandler 觸發(fā)一個事件（不會冒泡）
trigger/triggerHandler 內(nèi)部調(diào)用的都是jQuery.event.trigger，因此jQuery.event.trigger 才是整個jQuery觸發(fā)事件模塊的核心。如圖
相關(guān)文章
這篇文章與大家分享的是10款非常棒的 jQuery 幻燈片插件，使用這些插件可以幫助你在網(wǎng)站中加入非常吸引人的幻燈片效果，另外這些插件還有制作教程。2011-06-06
這篇文章主要介紹了jQuery實(shí)現(xiàn)列表的增加和刪除功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友參考下吧2018-06-06
jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果,結(jié)合完整實(shí)例形式分析了FusionCharts插件2D餅狀圖繪制相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery 實(shí)現(xiàn)側(cè)邊浮動導(dǎo)航菜單效果
這篇文章主要介紹了jQuery 實(shí)現(xiàn)側(cè)邊浮動導(dǎo)航菜單效果,需要的朋友可以參考下2014-12-12
ASP.NET jQuery 實(shí)例2 (表單中使用回車在TextBox之間向下移動)
每次當(dāng)用戶在一個文本框輸入完數(shù)據(jù)后，更希望在敲入回車鍵后，焦點(diǎn)會自動移動到下一個文本框2012-01-01
如何將 jQuery 從你的 Bootstrap 項(xiàng)目中移除(取而代之使用Vue.js)
Bootstrap是網(wǎng)上最流行的前端開發(fā)框架。下面通過本文給大家分享將 jQuery 從你的 Bootstrap 項(xiàng)目中移除的方法，需要的的朋友參考下吧2017-07-07
基于JQuery的拖動插件有幾個都相當(dāng)好用，效果也很好，但再好，還是自己琢磨一個最好。所以，我的理念就是即使實(shí)際項(xiàng)目中使用別人的程序，自己也得根據(jù)自己的理解和想法寫一個出來。那么今天，就來看看我的思路是不是可以實(shí)現(xiàn)拖動排序的功能2013-10-10
利用jQuery插件擴(kuò)展識別瀏覽器內(nèi)核與外殼的類型和版本的實(shí)現(xiàn)代碼
在平時的B/S開發(fā)中，經(jīng)常需要知道瀏覽器的內(nèi)核類型和版本，甚至，有時還需要知道瀏覽器的外殼類型和版本2011-10-10
用jquery實(shí)現(xiàn)動畫跳到頂部和底部(這個比較簡單)
用jquery實(shí)現(xiàn)動畫的跳到頂部和底部，當(dāng)點(diǎn)擊頂部按鈕的時候，執(zhí)行方法,scrollTop屬性獲取選中標(biāo)簽距滾動條的距離2014-09-09
在jQuery中使用$而避免跟其它庫產(chǎn)生沖突的方法
這篇文章主要介紹了在jQuery中使用$而避免跟其它庫產(chǎn)生沖突的方法,總共羅列了三種,需要的朋友可以參考下2015-08-08