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 相关文章推荐
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
js判断一个字符串是以某个字符串开头的简单实例
Dec 27 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
layui 表单标签的校验方法
Sep 04 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 阴历-农历-转换类代码
2012/01/16 PHP
php var_export与var_dump 输出的不同
2013/08/09 PHP
php实现httpRequest的方法
2015/03/13 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
jQuery的attr与prop使用介绍
2013/10/10 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
英国在线照明超市:Castlegate Lights
2019/10/30 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
市场推广策划方案
2014/06/02 职场文书
机电一体化专业求职信
2014/07/22 职场文书
学校与家长安全责任书
2014/07/23 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技
Oracle 多表查询基本语法实例
2022/04/18 Oracle