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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
Jan 10 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
js获取系统的根路径实现介绍
Sep 08 Javascript
在javascript中执行任意html代码的方法示例解读
Dec 25 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
Jul 19 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
简述vue状态管理模式之vuex
Aug 29 Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 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变量的值类型和引用类型
2015/10/21 PHP
js加解密 脚本解密
2008/02/22 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
js 蒙版进度条(结合图片)
2010/03/10 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
js实现表格字段排序
2014/02/19 Javascript
javascript的tab切换原理与效果实现方法
2015/01/10 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
2017/11/09 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
详解JavaScript 中的批处理和缓存
2020/11/19 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
python开发之str.format()用法实例分析
2016/02/22 Python
Python贪心算法实例小结
2018/04/22 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
Eclipse面试题
2014/03/22 面试题
如何做好总经理助理
2013/11/12 职场文书
公司市场部岗位职责
2013/12/02 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
护士长竞聘书
2014/03/31 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
金陵十三钗观后感
2015/06/04 职场文书