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 相关文章推荐
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
基于jquery的页面划词搜索JS
Sep 14 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
AngularJS过滤器filter用法实例分析
Nov 04 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
详解js访问对象的属性和方法
Oct 25 Javascript
VUE中使用MUI方法
Feb 12 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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
php实现连接access数据库并转txt写入的方法
2017/02/08 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
使用JavaScript实现ajax的实例代码
2016/05/11 Javascript
javascript基础知识
2016/06/07 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
vue请求服务器数据后绑定不上的解决方法
2019/10/30 Javascript
Javascript作用域和作用域链原理解析
2020/03/03 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
python读取和保存视频文件
2018/04/16 Python
Python常见数据类型转换操作示例
2019/05/08 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
联想德国官网:Lenovo Germany
2018/07/04 全球购物
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
法学专业个人求职信
2013/09/26 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
出国留学计划书
2014/04/27 职场文书
预防煤气中毒方案
2014/06/16 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
民间借贷协议书范本
2014/10/01 职场文书
安全生产月宣传标语
2014/10/06 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL
win10搭建配置ftp服务器的方法
2022/08/05 Servers