说到事件,jquery做了不少,当然也有data的很多功劳,因为原生js不支持匿名卸载事件的,而她为了开发者好用支持了匿名的

匿名事件的思路

   首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标识(expando)然后值是生成的一个guid,并在缓存对象下建立一个缓存,比如:

$.cache={
    '2': {
        data: {},
        events: {},
        handle: function(){}
    },
}

   然后会在你触发元素事件时拿元素上的标识去往缓存里的events里找,并会有是否委托,选择器等判断,然后最终触发,卸载的时候其实是拿缓存里的handle卸载的,因为是一个...

   如果目标不是元素,比如是一个window那么她会直接往目标上添加标识,比如:window[$.expando]

   其实事件跟缓存有很深的关系,她们是蕾丝~

卸载全部事件

清空标识

   这里的标识包括元素上的和对象上的

$('*').add(window).each(function(){
    try{
        delete this[$.expando];
    }catch(e){}
});

   ps:因为window不是元素,但会有一些事件,比如scroll,resize等

删除缓存

   这里的缓存包括元素的缓存和对象缓存

window[$.expando] = {}
$.cache = {};

建议继续学习：

1. Js事件监听封装（支持匿名函数）    (阅读：4472)
2. jQuery事件编写进阶    (阅读：3902)
3. jQuery事件的冒泡过程    (阅读：3608)
4. js中鼠标滚轮事件详解    (阅读：3035)
5. 关于Javascript的俩个有趣的探讨    (阅读：2973)
6. 如何在关闭某个内核模块    (阅读：2852)
7. javascript事件：获取事件对象getEvent函数    (阅读：2711)
8. 基于事件的社会化网站    (阅读：2556)
9. 一种生成事件脉络的方法    (阅读：2292)
10. C#的设计缺陷（1）：显式实现接口内的事件    (阅读：1954)