您现在的位置:首页 --> JavaScript --> DOM元素上jQuery事件几点学习
DOM元素上jQuery事件几点学习
浏览:2415次 出处信息
闲着无聊看了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表格呈现 (阅读:46514)
- 分享一个JQUERY颜色选择插件 (阅读:12627)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9681)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7750)
- jQuery的data()方法 (阅读:7570)
- jQuery性能优化指南 (阅读:7302)
- jQuery Color Animations颜色动画插件 (阅读:7067)
- 精于图片处理的10款jQuery插件 (阅读:6202)
- PHP Simple HTML DOM Parser 是一个不错的html/xml分析类 (阅读:5769)
- jQuery中getJSON跨域原理详解 (阅读:5612)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:前端代码的阻抗失配 >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: DOM jQuery
- 发布时间:2012-05-08 00:05:47
建议继续学习
近3天十大热文
- [67] 如何拿下简短的域名
- [65] Go Reflect 性能
- [62] Oracle MTS模式下 进程地址与会话信
- [60] IOS安全–浅谈关于IOS加固的几种方法
- [58] 图书馆的世界纪录
- [57] android 开发入门
- [56] 【社会化设计】自我(self)部分――欢迎区
- [50] 视觉调整-设计师 vs. 逻辑
- [50] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则