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