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 相关文章推荐
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
javascript实现画板功能
Apr 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
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
python中__call__方法示例分析
2014/10/11 Python
21行Python代码实现拼写检查器
2016/01/25 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python 模拟贷款卡号生成规则过程解析
2019/08/30 Python
python实现简易淘宝购物
2019/11/22 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
JDK安装目录下有哪些内容
2014/08/25 面试题
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
几个MySql的面试题
2013/04/22 面试题
岗位职责风险点
2014/03/12 职场文书
优秀团干部个人事迹
2014/05/29 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
2014年变电站工作总结
2014/12/19 职场文书
安全主题班会教案
2015/08/12 职场文书
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server
源码安装apache脚本部署过程详解
2022/09/23 Servers