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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
javascript实现yield的方法
Nov 06 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
浅谈轻量级js模板引擎simplite
Feb 13 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
解决vue移动端适配问题
Dec 12 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
javascript Number 与 Math对象的介绍
Nov 17 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
javascript常用方法总结
2015/05/14 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020/04/17 Javascript
python dict.get()和dict['key']的区别详解
2016/06/30 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
Python谱减法语音降噪实例
2019/12/18 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
珍爱生命演讲稿
2014/05/10 职场文书
禁烟标语大全
2014/06/11 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
毕业论文致谢信
2015/05/14 职场文书
太空授课观后感
2015/06/17 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
SpringBoot2 参数管理实践之入参出参与校验的方式
2021/06/16 Java/Android
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis