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. （python）每日代码||2024.1.27||类方法与实例方法

    class test(): aaa = 111 bbb = 222 ccc = 333 @classmethod def cm(cls): cls.aaa="***" def im ...

  2. 阿里二面：SpringBoot可以同时处理多少个请求？当场懵了。。。。

    SpringBoot以其简洁高效的开发方式和强大的内嵌容器特性,为开发者提供了构建高性能后端服务的便利.然而,当面临高并发场景时,理解并合理配置Spring Boot应用以达到最佳的并发处理能力至关重 ...

  3. 数学问题，2的n次方 - 1 是怎么来的？ 通常用作计算数值

  4. 在Windows上使用.NET部署到Docker 《让孩子们走出大坑》

    折腾Docker 有几天了,整别的都没这个糟心.目前已经顺利部署运行起来了.顺便给大家分享下处理在Windows上使用.NET部署到Docker的相关问题解决方法. 1.  Docker无法安装问题 ...

  5. 【快速排序】采用D&C（divide and conquer）方法求解

    介绍 快速排序使用分治法(Divide and conquer)策略来把一个串行(list)分为两个子串行(sub-lists).平均状况下,排序 n 个项目要 Ο(nlogn) 次比较,在最坏状况下 ...

  6. HTML+CSS设计一个朴实无华的登录页

    说明 之前一直偏重于后端技术研究,最近设计网站感觉前端太菜,遂集中看了下CSS的内容.后续我会发表一些前端实战的一些例子,给自己记录的同时希望也能分享给大家. 实现效果 主要知识点 DIV屏幕垂直居中 ...

  7. WinRT: 可能是 Windows 上最好用的 Native ABI 和远程调用方案

    前言 Windows 自从很久以来就有一个叫做 COM 的 Native ABI.这是一套面向对象的 ABI,在此之上 Windows 基于 COM ABI 暴露了各种各样的 API,例如 Manag ...

  8. pymysql基本语法，sql注入攻击，python操作pymysql，数据库导入导出及恢复数据---day38

    1.pymysql基本语法 # ### python操作mysql import pymysql ''' # ### 1.基本语法 #(1) 创建连接 host user password datab ...

  9. fastdfs存储和下载过程

  10. 【Azure Developer】示例: 在中国区调用MSGraph SDK通过User principal name获取到User信息，如Object ID

    问题描述 示例调用MSGraph SDK通过User principal name获取到User信息,如Object ID. 参考资料 选择 Microsoft Graph 身份验证提供程序 : ht ...