Jquery替换已存在于element上的event的方法


Posted in Javascript onMarch 09, 2010

看下面code:

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>TestPage</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#btn1").unbind('click').removeAttr('onclick').click(function() { 
alert('The method has invoked by Jquery.'); 
}); 
}); 
function foo() 
{ 
alert('The method has invoked.'); 
} 
</script> 
</head> 
<body> 
<input type="button" value="ClickMe" id="btn1" onclick="foo()" /> 
</body> 
</html>

用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:
unbind([type], [fn])
概述
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
如果没有参数,则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
参数
type (可选)String
事件类型
fn (可选)Function
要从每个匹配元素的事件中反绑定的事件处理函数
removeAttr(name)
概述
从每一个匹配的元素中删除一个属性
参数
nameString
要删除的属性名
简单的就是:
$("#someelement").unbind('eventname').removeAttr('event').click(function() { 
//your new method. 
});

希望对您有帮助。
Javascript 相关文章推荐
google 搜索框添加关键字实现代码
Apr 24 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
javascript实现全角转半角的方法
Jan 23 Javascript
JavaScript 中有关数组对象的方法(详解)
Aug 15 Javascript
Bootstrap作品展示站点实战项目2
Oct 14 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
setTimeout时间设置为0详细解析
Mar 13 Javascript
详解vue中的computed的this指向问题
Dec 05 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
JQery jstree 大数据量问题解决方法
Mar 09 #Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 #Javascript
js 无提示关闭浏览器页面的代码
Mar 09 #Javascript
JS 无法通过W3C验证的处理方法
Mar 09 #Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 #Javascript
javascript 简单抽屉效果的实现代码
Mar 09 #Javascript
Javascript常考语句107条收集
Mar 09 #Javascript
You might like
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
浅析十款PHP开发框架的对比
2013/07/05 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
JavaScript setInterval()与setTimeout()计时器
2019/12/27 Javascript
Python教程之全局变量用法
2016/06/27 Python
python实现简单神经网络算法
2018/03/10 Python
Python、 Pycharm、Django安装详细教程(图文)
2019/04/12 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
大学四年职业生涯规划书范文
2014/01/02 职场文书
秋季开学典礼主持词
2014/03/19 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
复试通知单模板
2015/04/24 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
员工福利申请报告
2015/05/15 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL