jquery用data方法获取某个元素上的事件
来源:互联网 发布:淘宝网充气浴缸 编辑:程序博客网 时间:2024/04/29 09:08
如何获取某个元素上的事件,jquery的给元素绑定的事件可以用data方法取出来,下面有个示例,大家可以参考下
jquery的给元素绑定的事件可以用data方法取出来找了台服务器将磁力链接爬虫架设起来http://www.51bt.cc(51搜索)大家可以看下。
通过$(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的给元素绑定的事件可以用data方法取出来找了台服务器将磁力链接爬虫架设起来http://www.51bt.cc(51搜索)大家可以看下。
通过$(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>
0 0
- jquery用data方法获取某个元素上的事件
- jquery之获取某个元素上的事件
- jquery 获取某个元素下面所有事件
- jquery 的on方法获取发生事件的元素对象
- jquery在新增加的元素上添加事件方法
- jquery 获取绑定在某个节点上的 事件执行代码
- jquery判断页面上某个ID元素是否存在的方法
- 获取jquery元素的方法
- jQuery获取元素的方法
- jQuery获取事件元素
- jquery绑定事件的方法on中获取当前所在元素及子元素的方式
- 用jQuery绑定事件到动态创建的元素上
- jQuery获取绑定自定义事件的元素
- jquery获取元素绑定的事件
- Jquery如何获取某个元素前(后)的文本内容
- Jquery 获取某个样式除第一个以外的元素
- 用JQuery检查某个元素在网页上是否存在
- jquery选定元素触发事件的方法
- Binder工作原理与使用
- a标签click和href执行顺序探讨
- bccomp比较二个高精确度数字-两个浮点数比较大小等
- IOS 面试
- jquery trigger伪造a标签的click事件取代window.open方法
- jquery用data方法获取某个元素上的事件
- PS基础知识:PS钢笔和路径工具应用知识
- 听说满满的负能量的语句
- [HTTP权威指南读书笔记]第二章—URL与资源
- 高效判断素数的算法
- ASP中保留小数点后两位数的方法
- 将文件input.bin中的数据按字节(无符号数值)统计,输出每个数值在文件中出现的次数
- MFC中DockPane初始化停靠换乱问题解决办法
- 正则表达式不区分大小写以及解决思路的探索 .