使用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實(shí)現(xiàn)連續(xù)動(dòng)畫(huà)效果實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)連續(xù)動(dòng)畫(huà)效果,實(shí)例分析了animate方法實(shí)現(xiàn)動(dòng)畫(huà)效果的相關(guān)技巧,并備有較為詳盡的注釋供讀者學(xué)習(xí)參考,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JS+CSS實(shí)現(xiàn)圖片預(yù)加載與背景圖上中下切圖
這篇文章介紹了JS+CSS實(shí)現(xiàn)圖片預(yù)加載與背景圖上中下切圖的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了3種Jquery限制文本框只能輸入數(shù)字字母的方法,簡(jiǎn)單又實(shí)用，需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)?lái)一篇jquery 一鍵復(fù)制到剪切板的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
在第一講中，已經(jīng)對(duì)JQuery做了入門(mén)級(jí)的介紹，我相信看過(guò)的網(wǎng)友都應(yīng)該知道怎么開(kāi)始寫(xiě)一個(gè)簡(jiǎn)單的JQuery程序了。首先是需要引入一個(gè)JQuery包，其次是根據(jù)JQuery的語(yǔ)法寫(xiě)代碼就可以了。2010-07-07
.delay()是用來(lái)在jQuery動(dòng)畫(huà)效果和類(lèi)似隊(duì)列中是最好的。但是，由于其本身的限制，比如無(wú)法取消延時(shí)——.delay()，它不是JavaScript的原生 setTimeout函數(shù)的替代品，這可能是更適合某些使用情況。2014-09-09
Jquery操作Select 簡(jiǎn)單方便 一個(gè)js插件搞定
Jquery其實(shí)本身可以操作select表單，但是由于比較反鎖，沒(méi)有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會(huì)，發(fā)現(xiàn)了一個(gè)不錯(cuò)的專(zhuān)門(mén)操作select的插件，很好，使用過(guò)了，感覺(jué)蠻不錯(cuò)的。2009-11-11
讓人印象深刻的10個(gè)jQuery手風(fēng)琴效果應(yīng)用
jQuery 是最流行的 JavaScript 開(kāi)發(fā)框架，它簡(jiǎn)化了 HTML 文檔遍歷，事件處理，動(dòng)畫(huà)以及 Ajax 交互，幫助 Web 開(kāi)發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果2012-05-05
如何在頁(yè)面上同時(shí)使用 jQuery 和其他框架？2013-04-04
這篇文章介紹了用jquery生成二級(jí)菜單的代碼，需要的朋友可以參考一下2013-06-06