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 相关文章推荐
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
JS简单生成由字母数字组合随机字符串示例
May 25 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
Vue实现验证码功能
Dec 03 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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学习之PHP变量
2006/10/09 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python 字符串split的用法分享
2013/03/23 Python
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
浅析Python+OpenCV使用摄像头追踪人脸面部血液变化实现脉搏评估
2019/10/17 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
神路信息Java面试题目
2013/03/31 面试题
大学生个人求职信范文
2013/09/21 职场文书
高中毕业生自我鉴定
2013/11/03 职场文书
客户经理岗位职责
2013/12/08 职场文书
汽车装潢店创业计划书范文
2014/02/05 职场文书
环保建议书500字
2014/05/14 职场文书
政府四风问题整改措施
2014/10/04 职场文书
人事局接收函
2015/01/30 职场文书
撤诉书怎么写
2015/05/19 职场文书
2016年企业先进员工事迹材料
2016/02/25 职场文书