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. Javascript 生成指定范围数值随机数

    JavaScript对随机数的介绍比较少,所以今天分享一下有关随机数的一些事儿.希望能对大家有点小帮助. 主要的公式就是parseInt(Math.random()*(上限-下限+1)+下限); Ma ...

  2. linux学习之四---gdb调试

    在Linux应用程序开发中,最经常使用的调试器是gdb. 一.启动和退出gdb gdb调试的对象是可运行文件,而不是程序的源码.假设要使一个可运行文件能够被gdb调试,那么使用编译器gcc编译时须要增 ...

  3. 'datetime.datetime' has no attribute 'datetime'问题

    写python时,用到了日期计算.于是写了datetime.datetime(*d_startTime[0:6])这样的代码. 结果编译不通过,报 'datetime.datetime' has no ...

  4. 信号槽所用的参数类型,必须是Qt能认识的元类型,否则就要调用Q_DECLARE_METATYPE和qRegisterMetaType进行注册

    虽然上面部分中的声明使类型可以在direct信号槽连接中使用,但是无法用于queued信号槽连接中 http://blog.csdn.net/u011012932/article/details/52 ...

  5. 多屏广告技术调研 & 广告基础介绍

    之前做的多屏广告产品调研,并简单介绍了一些基础广告知识.见ppt:多屏广告技术调研

  6. 博弈问题之SG函数博弈小结

    SG函数: 给定一个有向无环图和一个起始顶点上的一枚棋子,两名选手交替的将这枚棋子沿有向边进行移动,无法移 动者判负.事实上,这个游戏可以认为是所有Impartial Combinatorial Ga ...

  7. python获取实时股票信息

    Python3获取股票行情数据(中国个股/中国指数/全球指数) #!/usr/local/bin/python3 #coding=utf-8 #source http://www.cnblogs.co ...

  8. C#递归复制文件夹

    /// <param name="sources">原路徑</param> /// <param name="dest">目 ...

  9. BestR #31

    hdu 5178 求|a[i] - a[j]| <= k (i < j) <i,j>的对数,一开始认为数据不大就直接ans++了,后来结果出来才知道,啊啊啊,too young ...

  10. hdu 4550 贪婪 思考题 权

    http://acm.hdu.edu.cn/showproblem.php?pid=4550 想了挺久,然后各种分类 最终AC,假设是现场,对自己没信心的话,预计还是要WA,,,,,,然后搜题解,发现 ...