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