jquery data方法获取某个元素的事件示例

前端之家收集整理的这篇文章主要介绍了jquery data方法获取某个元素的事件示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣jquery data方法获取某个元素的事件示例的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。<br>

获取某个元素上的事件,jquery的给元素绑定的事件可以用data方法取出来.

通过$(element).data("events")来获取

  1. // 比如给一个button绑定两个click事件
  2. $("button").click(function() { alert("1") });
  3. $("button").click(function() { alert("2") });
  4. // 这个时候点击该button会分别弹出 2 和1的alert框
  5. // 取出该button的所有click事件,是个数组
  6. $("button").data('events').click

会看到两个click事件的数组

得到该数组,你可以调整顺序后再设回去

  1. $("button").data('events').click = newEventArray;

以下是此方法的测试页面

  1. <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <title>测试jquery动态改变事件</title>
  3. <script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script>
  4. <script type="text/javascript" src="/static/lib/jquery.cookie.min.js"></script>
  5. <script type="text/javascript" src="/static/lib/util.min.js"></script>
  6. <script type="text/javascript" src="/static/lib/jquery.bgiframe.min.js"></script>
  7. <script type="text/javascript" src="/static/lib/jshashtable.min.js"></script>
  8. </head>
  9. <body>
  10. <h1>该demo用于测试jquery附加了事件以后可不可以动态改变事件有无,及顺序</h1>
  11. <input id="btn" type="button" value="点击我执行事件,分别执行三个次序弹窗"/><br/>
  12. <input id="btn_clear" type="button" value="点击清空执行事件,清空后第一个按钮无反应"/><br/>
  13. <input id="btn_revert" type="button" value="点击还原执行事件,点击后第一个按钮又会有反应"/><br/>
  14. <input id="btn_seq" type="button" value="点击我改变执行事件顺序,顺序会改变"/><br/>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $("#btn").click(function(){
  18. alert(1);
  19. });
  20. $("#btn").click(function(){
  21. alert(2);
  22. });
  23. $("#btn").click(function(){
  24. alert(3);
  25. });
  26. var _arr_events= $("#btn").data("events")["click"];
  27. $("#btn_clear").click(function(){
  28. $("#btn").data("events")["click"]=undefined;
  29. });
  30. $("#btn_revert").click(function(){
  31. $("#btn").data("events")["click"]=_arr_events;
  32. });
  33. });
  34. </script>

猜你在找的jQuery相关文章