Jquery替换已存在于element上的event的方法

看下面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 jsFiddle JSBin在线调试器

第一个：jsFiddle很强大的JS在线调试工具，支持多种应用多种主流框架，可以在线直接编辑调试：HTML、CSS、JavaScript,用起来非常方便，而且还可以将调试好的结果以非常简洁的页面直接嵌入在其他网页里，这样我需要>>>详细阅读

本文标题：Jquery替换已存在于element上的event的方法

地址：http://www.17bianji.com/kaifa2/JS/26900.html

1/2 1