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】 在异步加载的元素上绑定事件

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

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

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

  3. jQuery之元素操作及事件绑定

    1.操作元素之属性: ①attr读:("selector").attr("属性名"):=>getAttribute("属性名"):改: ...

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

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

  5. jQuery 判断元素上是否绑定了事件

    我研究了一下之后发现,jQuery都将事件缓存起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文. jQuery会在window. ...

  6. 如何在通过knockout数据绑定的DOM元素上添加事件

    通过knockout数据绑定的DOM元素,通过chrome控制台打断点知道,DOM元素会被暂时隐藏,使用document.querySelector()是获取不到的,会显示null,直到数据绑定完成才 ...

  7. jQuery获取元素上一个、下一个、父元素、子元素

    jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(&q ...

  8. Jquery 控制元素 上 下 移动

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  9. 巧妙使用Jquery 改变元素的 onclick 事件

    需要点击图片将套组发布, 页面代码: <img width="20px" src=" <s:property value="IMAGES_PATH& ...

随机推荐

  1. PHP中遍历stdclass object 及 json 总结[中国航天神舟十号以json形式向地面返回数据]

    $test=Array ( [0] => stdClass Object ( [tags] => 最快的车,Bloodhound,SSC [id] => 48326888 11 从网 ...

  2. JDK 环境变量配置（Mac）

    Mac JDK 安装过后 修改 ~/. bash_profile 配置环境变量 修改内容: JAVA_HOME=$(/usr/libexec/java_home) export JAVA_HOME P ...

  3. 基于visual Studio2013解决C语言竞赛题之1053洗牌

       题目 解决代码及点评 /* 功能:洗扑克牌.将54张牌分别编号为1,2,-,54号,并放在数组M中. 洗牌方法如下:产生[1,54]区间内的一个随机数K,将M[1]与M[K]交换: ...

  4. C语言总结之---关键字

    我记得我开始学习C语言的时候,那时候还在读高中,我们老师就把C语言的关键字,全部写在黑板上,老师说我们下面的两节课的内容就是(把它给记下来) 你还记得标准C有多少个关键字吗? 第一:关键字描述 C99 ...

  5. 【书评】RHCSA/RHCE Red Hat Linux 认证学习指南（第6版）EX200 & EX300

    这次参加 CSDN 举办的读书活动,正赶上项目忙,看得也是断断续续,拖了2周了,才能来写这个书评. ========== 书评的分割线 ========== 首先,我会肯定的告诉你,不论你是一名专业的 ...

  6. 用angularjs开发下一代web应用（二）：angularjs应用骨架（二）

    1.浅谈非入侵式JavaScript <div ng-click="doSomething()">...</div>这些指令和原来的事件处理器有下面不同之处 ...

  7. 自拉ADSL网线搭建站点server，解决动态IP、无公网IP、80port被封、HTTP被屏蔽的方法

    自己的server搭建站点应用,提供站点服务,能够不用备案,但可能会面对网络限制问题,如动态公网IP.无公网IP.80port被封.HTTP被屏蔽,这些复杂网络情况. 依据本地网络环境,能够针对不同的 ...

  8. 【Demo 0004】Android 布局

    本章学习要点:        1.  了解Android 常见的四种布局结构;        2.  掌握四种布局及混合布局的使用方法:        3.  掌握布局中定义键值的意义以及参数使用方法 ...

  9. VC/MFC 在ListCtl 控件中随鼠标移动提示单元格信息

    BEGIN_MESSAGE_MAP(CTipListCtrl, CListCtrl) //{{AFX_MSG_MAP(CTipListCtrl) ON_WM_MOUSEMOVE() ON_WM_DES ...

  10. AS3开发必须掌握的内容

    1.事件机制 2.显示列表 3.垃圾回收 4.常用方法 5.网络通信 6.位图动画 7.渲染机制 8.API结构 9.沙箱机制 10.资源管理 11.内存管理 12.性能优化 13.资源选择 14.安 ...