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 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
微信小程序列表时间戳转换实现过程解析
Oct 12 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
redis 队列操作的例子(php)
2012/04/12 PHP
php中如何判断一个网页请求是ajax请求还是普通请求
2013/08/10 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
thinkphp5使用无限极分类
2019/02/18 PHP
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
js数组的基本使用总结
2021/01/18 Javascript
[12:29]《一刀刀一天》之DOTA全时刻19:蝙蝠骑士田伯光再度不举
2014/06/10 DOTA
基于Python的身份证号码自动生成程序
2014/08/15 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
python实现图片转字符画
2021/02/19 Python
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
机械个人求职信范文
2014/01/24 职场文书
财务担保书范文
2014/04/02 职场文书
教师产假请假条范文
2014/04/10 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
关于安全的演讲稿
2014/05/09 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
2014年学校团委工作总结
2014/12/20 职场文书
青年教师个人总结
2015/02/11 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers