`

JQuery替换元素上已经绑定的事件,卸载事件

 
阅读更多
对于live绑定的,使用jQuery 事件 - die() 方法
对于click或者bind绑定的,使用下面方法
http://hi.baidu.com/jiaqige/item/c46d7a34875b7b9db80c038d
工作中配到了这个问题,记录一下,避免遗忘。
HTML如下:
<a id="linkBtn1" onclick="hideMenu()" href="http://www.baidu.com">Click Here</a>
如果我们想要替换onclick事件,或者想去掉这个onclick事件,怎么办?
我首先想到了JQuery的unbind事件,最后失败,然后又想到removeAttr事件,也失败,后来发现了这篇文章,使用了以下方法:
$("#linkBtn1").unbind('click').removeAttr('onclick').click(function() {});

这样,就把这个onclick事件去掉了。

http://www.jb51.net/article/22449.htm
用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:
unbind([type], [fn])
概述
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
如果没有参数,则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
参数
type (可选)String
事件类型
fn (可选)Function
要从每个匹配元素的事件中反绑定的事件处理函数
removeAttr(name)
概述
从每一个匹配的元素中删除一个属性
参数
nameString
要删除的属性名
分享到:
评论

相关推荐

    jQuery判断元素上是否绑定了指定事件的方法

    具体来说,jQuery会将绑定到元素上的事件存储在"data"属性中,我们可以通过对这个"data"属性的访问来判断元素上是否绑定了指定的事件。 例如,如果我们想判断一个id为"testdiv"的元素是否绑定了click事件,我们可以...

    Jquery为单选框checkbox绑定单击click事件

    本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件,并在事件触发时执行相应的函数。 首先,我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型,它允许用户在一组选项中选择一...

    jQuery给动态添加的元素绑定事件的方法

    jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态...

    JQuery绑定事件

    而事件委托则是利用事件冒泡机制,将事件绑定到父元素上,然后通过检查触发事件的原始元素来执行相应的处理函数,这样可以减少事件监听器的数量,提高性能。 在实际开发中,我们还需要了解如何移除事件绑定。这可以...

    浅谈Jquery为元素绑定事件

    关于Jquery为元素绑定事件的知识点,我们需要从几个方面来进行详细说明: 1. Jquery事件绑定机制: 在Jquery中,我们可以通过多种方式为元素绑定事件,例如使用bind()方法、live()方法、delegate()方法和on()方法。...

    jQuery为动态生成的select元素添加事件的方法

    事件委托允许我们将事件监听器绑定到一个父级元素上,而不是直接绑定到目标元素上。这样,即使目标元素是后来添加到DOM中的,事件依然可以被触发并处理。在jQuery中,`.on()`方法就是实现事件委托的关键工具。 4. ...

    layui动态绑定事件的方法

    综上所述,layui动态绑定事件方法的核心是通过事件委托来处理动态创建的DOM元素,并且要特别注意兼容性问题以及框架组件的实例化。通过上述方法,即使是动态添加到页面上的元素,也能确保事件能够正确地绑定和触发,...

    jQuery中dom元素上绑定的事件详解

    在jQuery中,DOM元素上的事件绑定是实现交互性的重要手段。jQuery提供了多种方式来绑定事件,包括`click`、`change`、`mouseout`等基本事件以及`.bind()`、`.live()`等方法。这些方法允许开发者轻松地为HTML元素添加...

    JQuery 给元素绑定click事件多次执行的解决方法

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind(...在绑定新click方法前对元素所绑定的click方法解绑

    jQuery 判断元素上是否绑定了事件

    判断元素上是否绑定过事件用如下语句 代码如下: jQuery.data(elem,”events”)[type] //老版本也能用 $(elem).data(“events”)[type] //1.2.3以后才能用 返回值: 一个Object,可以用for in来遍历。或者undefined。...

    jQuery实现给input绑定回车事件的方法

    接下来,我们详细讲解如何利用jQuery给input元素绑定回车事件的两种方法,以及相关的知识点。 ### 知识点一:jQuery基础 在了解如何使用jQuery给input元素绑定回车事件之前,需要对jQuery有一个基本的认识。jQuery...

    jQuery中对未来的元素绑定事件用bind、live or on

    `live`方法的工作原理是将事件监听器绑定到`document`或者父元素上,并且使用事件委托的方式,将事件处理逻辑委托到具体的子元素。`live`方法通过检查事件冒泡过程中的`target`,来决定是否执行特定的事件处理函数。...

    解决jquery appaend元素中id绑定事件失效的问题

    1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。 2.解决办法: 举例:如果在一个”title”&gt;中,通过append添加一个id=”demo”的按钮,常用的直接$(...

    JQuery调用绑定click事件的3种写法

    `.bind()`是jQuery中更通用的事件绑定方法,不仅可以绑定`click`事件,还可以绑定其他多种事件,如`mouseover`、`mouseout`等。下面是如何使用`.bind()`绑定`click`事件的例子: ```javascript $('#clickmebind')....

    jquery1.10给新增元素绑定事件的方法

    .on()方法是jQuery中用于绑定事件处理程序的主要方法,它不仅可以绑定事件到当前已存在元素上,而且还可以绑定到未来可能会添加到DOM中的元素。.on()方法的基本语法如下: ```javascript $(element).on(events, ...

    jquery html动态添加的元素绑定事件详解

    事件委托是一种在父元素上绑定事件处理器的技术,通过利用事件冒泡的机制,来处理在子元素上发生的事件。即使这些子元素是在事件绑定之后才被添加到DOM中的,事件依然可以被触发。在jQuery中,`.on()`方法就是用来...

Global site tag (gtag.js) - Google Analytics