技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 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事件等等,

经进一步的测试发现了几点情况:

  1. live事件绑定的元素上没有“evens”自定义属性;
  2. hover这种扩展事件绑定的元素上有“evens”自定义属性,事件的类型包括mouseenter,mouseleave,mouseout,mouseover,jQuery 1.7事件类型略有不同;
  3. delegate事件绑定的元素上有“evens”自定义属性,事件属性中有“live”;

好多有意思的东东,还是继续再看jQuery源码吧

建议继续学习:

  1. JQuery实现Excel表格呈现    (阅读:46514)
  2. 分享一个JQUERY颜色选择插件    (阅读:12627)
  3. jQuery插件---轻量级的弹出窗口wBox.    (阅读:9681)
  4. 10个强大的Ajax jQuery文件上传程序    (阅读:7750)
  5. jQuery的data()方法    (阅读:7570)
  6. jQuery性能优化指南    (阅读:7302)
  7. jQuery Color Animations颜色动画插件    (阅读:7067)
  8. 精于图片处理的10款jQuery插件    (阅读:6202)
  9. PHP Simple HTML DOM Parser 是一个不错的html/xml分析类    (阅读:5769)
  10. jQuery中getJSON跨域原理详解    (阅读:5612)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1