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 Tools tooltip使用说明
Jul 14 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
js弹出确认是否删除对话框
Mar 27 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
webpack打包优化的几个方法总结
Feb 10 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
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
PHP5 面向对象(学习记录)
2009/12/02 PHP
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
PHP 获取ip地址代码汇总
2015/07/05 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
numpy中索引和切片详解
2017/12/15 Python
python自动化生成IOS的图标
2018/11/13 Python
python实现一个点绕另一个点旋转后的坐标
2019/12/04 Python
python如何更新包
2020/06/11 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
python性能测试工具locust的使用
2020/12/28 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
英国第一摩托车和摩托车越野配件商店:GhostBikes
2019/03/10 全球购物
用C#语言写出在本地创建一个UDP接收端口的具体过程
2016/02/22 面试题
Unix如何在一行中运行多个命令
2015/05/29 面试题
小学课外阅读总结
2014/07/09 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
2019销售早会主持词
2019/06/27 职场文书