使用jQuery卸載全部事件的思路詳解
更新時間：2017年04月03日 10:07:50 投稿：mrr
本文是小編給大家?guī)淼膉query卸載全部事件的思路，非常不錯，具有參考借鑒價值，需要的朋友一起看看吧！
說到事件, jquery 做了不少,當然也有 data 的很多功勞,因為原生 js 不支持匿名卸載事件的,而她為了開發(fā)者好用支持了匿名的
匿名事件的思路
首先她會判斷目標是否是元素或者對象,如果是元素,則在元素上打一個標識( expando )然后值是生成的一個 guid ,并在緩存對象下建立一個緩存,比如:
$.cache={
'2': {
data: {},
events: {},
handle: function(){}
},
}
然后會在你觸發(fā)元素事件時拿元素上的標識去往緩存里的 events 里找,并會有是否委托,選擇器等判斷,然后最終觸發(fā),卸載的時候其實是拿緩存里的 handle 卸載的,因為是一個...
如果目標不是元素,比如是一個 window 那么她會直接往目標上添加標識,比如: window[$.expando]
其實事件跟緩存有很深的關系,她們是蕾絲~
卸載全部事件
清空標識
這里的標識包括元素上的和對象上的
$('*').add(window).each(function(){
try{
delete this[$.expando];
}catch(e){}
});
ps:因為 window 不是元素,但會有一些事件,比如 scroll , resize 等
刪除緩存
這里的緩存包括元素的緩存和對象緩存
window[$.expando] = {}
$.cache = {};
以上所述上小編給大家介紹的使用jQuery卸載全部事件的思路詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
鋒利的jQuery 要點歸納（二） jQuery中的DOM操作（下）
鋒利的jQuery 要點歸納（二） jQuery中的DOM操作（下）2010-03-03
$.trim(str)的作用是去掉字符串首尾空格，下面為大家介紹下其具體的使用2014-05-05
這篇文章主要介紹了jquery選擇器排除某個DOM元素的方法,也就是在選中的一些元素中,過濾一些不需要的,使用jquery not選擇器實現(xiàn),需要的朋友可以參考下2014-04-04
jQuery是一個優(yōu)秀JavaScript庫，它簡化了HTML文檔遍歷，事件處理，動畫和Ajax交互。 jQuery的確改變了很多人寫JavaScript的方式。如今，有很多現(xiàn)成的jQuery插件可供選擇，幫助你在網(wǎng)站中加入驚人的功能和效果。2011-04-04
這篇文章主要介紹了jQuery實現(xiàn)錨點scoll效果,實例分析了錨點scoll效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JQuery中模擬image的ajaxPrefilter與ajaxTransport處理
這篇文章主要介紹了JQuery中模擬image的ajaxPrefilter與ajaxTransport處理,本文直接給出模擬實現(xiàn)代碼,代碼中包含詳細注釋,需要的朋友可以參考下2015-06-06
jQuery配合coin-slider插件制作幻燈片效果的流程解析
coin-slider是GitHub上的一個人氣JavaScript開源插件,用它來實現(xiàn)幻燈片效果只需要動手寫很少的代碼,下面我們就來看一下jQuery配合coin-slider插件制作幻燈片效果的流程解析.2016-05-05
jQuery實現(xiàn)的超鏈接提示效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的超鏈接提示效果,結(jié)合實例形式對比分析了jQuery實現(xiàn)的帶有l(wèi)oading動態(tài)圖效果的提示文字以及默認提示文字顯示效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery語法高亮插件能夠?qū)撁嬷械母鞣N程序源代碼語法著色加亮，并且支持多種語言，在此分享下，感興趣的朋友可以參考下2013-04-04
jQuery EasyUI 為Combo,Combobox添加清除值功能的實例
下面小編就為大家?guī)硪黄猨Query EasyUI 為Combo,Combobox添加清除值功能的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04