您现在的位置：首页 --> JavaScript --> DOM元素上jQuery事件几点学习
DOM元素上jQuery事件几点学习
浏览:3176次 出处信息
闲着无聊看了jQuery event部分的代码，发现一个小惊喜，嘿嘿，可能我奥特曼了。以下一jQuery 1.4.4版本说事，更高级版本稍有不同，但是关系不大。
jQuery 在元素上绑定事件的时候，会在该元素上添加一个自定义属性“evens”，这个属性包含了通过jQuery绑定事件的事件集合，例如：
这样一个元素：
1 |
<a id="bind" href="#">这是一个绑定了事件的元素(bind)</a> |
我在这个元素上绑定两个click事件，一个采用“bind”，一个直接用“click”：
01 |
$("#bind").bind("click.hello",function(event){ |
02 |
event.preventDefault(); |
03 |
console.log("bind"); |
04 |
}); |
05 |
$("#bind").click(function(event){ |
06 |
event.preventDefault(); |
07 |
console.log("bind1"); |
08 |
}); |
09 |
var $events = $("#bind").data("events"); |
10 |
console.log($events); |
打印出来的结果如下，
这样我们就可以做很多事情，比如事件的命名，自定义事件，判断元素上是否绑定了jQuery事件等等，
经进一步的测试发现了几点情况：
- live事件绑定的元素上没有“evens”自定义属性；
- hover这种扩展事件绑定的元素上有“evens”自定义属性，事件的类型包括mouseenter,mouseleave,mouseout,mouseover，jQuery 1.7事件类型略有不同；
- delegate事件绑定的元素上有“evens”自定义属性，事件属性中有“live”；
好多有意思的东东，还是继续再看jQuery源码吧
建议继续学习：
- JQuery实现Excel表格呈现 (阅读：47953)
- 分享一个JQUERY颜色选择插件 (阅读：13910)
- jQuery插件---轻量级的弹出窗口wBox. (阅读：10494)
- 10个强大的Ajax jQuery文件上传程序 (阅读：8565)
- jQuery的data()方法 (阅读：8384)
- jQuery性能优化指南 (阅读：8523)
- jQuery Color Animations颜色动画插件 (阅读：8162)
- 精于图片处理的10款jQuery插件 (阅读：7110)
- PHP Simple HTML DOM Parser 是一个不错的html/xml分析类 (阅读：6762)
- jQuery中getJSON跨域原理详解 (阅读：6150)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
扫一扫订阅我的微信号：IT技术博客大学习
后一篇：前端代码的阻抗失配 >>
文章信息
- 作者：愚人码头 来源： WEB前端开发
- 标签： DOM jQuery
- 发布时间：2012-05-08 00:05:47
建议继续学习
近3天十大热文
-
[1198] WordPress插件开发 -- 在插件使用 -
[89] 解决 nginx 反向代理网页首尾出现神秘字
-
[43] web开发设计人员不可不用的在线web工具和
-
[30] Rax 系列教程（长列表）
-
[29] 一句话crontab实现防ssh暴力破解
-
[29] 手机产品设计方向
-
[28] Java开发岗位面试题归类汇总
-
[28] 如何建立合适的索引？
-
[26] 程序员疫苗：代码注入
-
[25] 我对学习oracle与成长的理解
