jquery的给元素绑定的事件可以用data方法取出来

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





// 比如给一个button绑定两个click事件



$("button").click(function() { alert("1") });

$("button").click(function() { alert("2") });





// 这个时候点击该button会分别弹出 2 和1的alert框





// 取出该button的所有click事件，是个数组



$("button").data('events').click

会看到两个click事件的数组







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

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

下面是这个方法的测试页面：

<span style="font-size:18px;"><%@ page contentType="text/html;charset=UTF-8" language="java" %>  

<!DOCTYPE HTML>

<html>

<head>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>测试jquery动态改变事件</title>  

       <script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script>

       <script type="text/javascript" src="/static/lib/jquery.cookie.min.js"></script>

        <script type="text/javascript" src="/static/lib/util.min.js"></script>

        <script type="text/javascript" src="/static/lib/jquery.bgiframe.min.js"></script>

        <script type="text/javascript" src="/static/lib/jshashtable.min.js"></script>

    </head>

    <body>

<h1>该demo用于测试jquery附加了事件以后可不可以动态改变事件有无，及顺序</h1>

<input id="btn" type="button" value="点击我执行事件,分别执行三个次序弹窗"/><br/>

<input id="btn_clear" type="button" value="点击清空执行事件，清空后第一个按钮无反应"/><br/>

<input id="btn_revert" type="button" value="点击还原执行事件，点击后第一个按钮又会有反应"/><br/>

<input id="btn_seq" type="button" value="点击我改变执行事件顺序，顺序会改变"/><br/>

 <script type="text/javascript">

$(document).ready(function(){

     $("#btn").click(function(){

         alert(1);

     });

     $("#btn").click(function(){

         alert(2);

     });

     $("#btn").click(function(){

         alert(3);

     });

    var _arr_events= $("#btn").data("events")["click"];

     $("#btn_clear").click(function(){

         $("#btn").data("events")["click"]=undefined;

     });

     $("#btn_revert").click(function(){

         $("#btn").data("events")["click"]=_arr_events;

     });  

 });

 </script>

    </body>

</html>

</span>

jquery之获取某个元素上的事件的更多相关文章

  1. jquery data方法获取某个元素上事件

    获取某个元素上的事件,jquery的给元素绑定的事件可以用data方法取出来. 通过$(element).data("events")来获取 // 比如给一个button绑定两个c ...

  2. 【jquery】 在异步加载的元素上绑定事件

    最近因为工作关系又重新回归到了jquery的怀抱,发现很多jquery的一些细节处理的部分都忘记了.这里记录一下最近在做项目时频繁遇到的一个问题:给异步加载的元素添加事件绑定. 问题发生的前提是项目前 ...

  3. Jquery 在动态元素上绑定事件

    弄了很久却没有弄出来,感觉没有错,但是动态元素上的事件根本就不响应,代码如下: <input type="button" id="btnyes" valu ...

  4. [jQuery]无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案

    在做茶城网改版工作的时候,又遇到一个新问题,我需要用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢 ...

  5. 使用 jQuery 选择器获取页面元素后，利用 jQuery 对象的 css() 方法设置其样式。

    查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素后,利用 jQuery 对象的 css() 方法设置其样式. 要求如下: 点击页面的"更改样式"按钮后, ...

  6. 使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。

    查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果. 具体要求如下: ...

  7. 转：Jquery如何获取某个元素前(后)的文本内容？

    原文:[解决]Jquery如何获取某个元素前(后)的文本内容? <span> text here... <a id="target_element">百万创 ...

  8. jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案

    用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢工了. 用Chrome自带的开发工具一查,发现罢工 ...

  9. jquery如何阻止子元素相应mouseout事件

    jquery如何阻止子元素相应mouseout事件:mouseout有一个特点,当鼠标移入子元素的时候,也会触发此事件,但是在实际应用中这个特点往往不是我们想要的,下面就通过代码实例介绍一下如何实现此 ...

  10. 在元素上写事件和addEventListent()的区别

    在元素上写事件和addEventListent()的区别1. onclick添加事件不能绑定多个事件,后面绑定的会覆盖前面的.而addEventListener能添加多个事件绑定,按顺序执行.2. a ...

随机推荐

  1. php+html5使用FormData对象提交表单及上传图片的方法

    php+html5使用FormData对象提交表单及上传图片的方法 本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormDa ...

  2. PostgreSQL-可以通过localhost连接，无法通过IP地址连接。

    (1)如果PostgreSQL配置文件中没有允许访问该服务器的IP地址,则需要先添加允许访问的IP地址,并在防火墙中开放相应的端口.(2)在PostgreSQL配置文件postgresql.conf中 ...

  3. Power BI 12 DAY

    电商平台流量分析 案例练习 参数建模 建模-->新建参数 新建度量值使用SWITCH函数将需要的指标数据化 15.关键指标 = switch([指标选择 值],1,[1.访客数合计],2,[2. ...

  4. android架构组件Lifecycle

    Lifecycle 组件指的是 android.arch.lifecycle 包下提供的各种类与接口,可以让开发者构建能感知其他组件(主要指Activity .Fragment)生命周期(lifecy ...

  5. Swoole从入门到入土(14)——HTTP服务器[协程风格]

    在这之间,我们讨论了异步风格HTTP服务器,它继承自异步风格的TCP服务器,有着异步风格的所有优点,同时如果碰到了大量的IO等待也会存在阻塞的缺点. 而协程风格的HTTP则很好处理了IO等待的问题.这 ...

  6. Clock题解

    Clock 题意:给一些时间,24小时制,给一个初始出发时间,问在钟表上最少转多少度能把所有给的时间都经历一遍. 思路:分四种情况模拟. 注意: 求的是度数,所以最后要乘6转换. 3:00,转到15: ...

  7. 高并发时为什么推荐ReentrantLock而不是synchronized

    目录 1.最初的 synchronized 2.synchronized 的优化 3.但是,JAVA的最终答案 JDK 21 LTS 来了 1.最初的 synchronized 它默认对临界资源添加重 ...

  8. win32 - 创建带有标准阴影的无边框窗口

    这个框框好像删不掉,就先放这边吧...   #define WIN32_LEAN_AND_MEAN #include <unknwn.h> #include <windows.h&g ...

  9. 常用SQL语句备查

    查询表中某一列是否有重复值 SELECT bizType, COUNT(bizType) FROM Res GROUP BY bizType HAVING COUNT(bizType) > 1 ...

  10. 【Azure Service Fabric】关于Service Fabric的相关问题

    问题一:Service Fabric 是否支持Private Link? 在Azure Private Endpoint文档中,罗列出了 Azure 上支持 Private Link 的服务.Serv ...