`
ruilin521314
  • 浏览: 881495 次
文章分类
社区版块
存档分类
最新评论

Jquery 事件绑定 | 移除事件

 
阅读更多

移除事件

unbind(type [,data]) //data是要移除的函数

$('#btn').unbind("click"); //移除click

$('#btn').unbind(); //移除所有
对于只需要触发一次的,随后就要立即解除绑定的情况,用one()

$('#btn').one("click",function(){.......});
模拟操作

可以用trigger()方法完成模拟操作。

$('#btn').trigger("click");
$('#btn').click();

触发自定义事件

$('#btn').bind("myclick",function(){....});

$('#btn').trigger("myclick");
传递数据

trigger(type [,data])

$('#btn').bind("myclick",function(event,message1,message2){...........});

$('#btn').trigger("myclick",["传给message1","传给message2"]);

执行默认操作
$("input").trigger("focus");

//不仅会触发input元素绑定的focus事件,还会触发默认操作——得到焦点。

$("input").triggerHandler("focus");

//只触发绑定事件,不执行浏览器默认操作

其他用法

绑定多个事件类型

$("div").bind("mouseover mouseout",function(){.....});

添加事件命名空间

$("div").bind("click.plugin",function(){......});

在所绑定的世界类型后面添加命名空间,这样在删除事件时只需要指定命名空间即可。

$("div").unbind(".plugin"); //删除空间内的事件

$("div").trigger("click!"); //触发所以不包含在命名空间中的click方法

如果包含在命名空间的也要触发:

$("div").trigger("click");

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/allovermine/archive/2010/04/21/5510959.aspx

分享到:
评论
1 楼 haizhiyan 2012-08-05  
总结得比较全面

相关推荐

    详谈jQuery unbind 删除绑定事件 / 移除标签方法

    jQuery unbind 删除绑定事件 unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件。如果没有参数,则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件...

    Web前端开发技术-Jquery事件操作.pptx

    事件方法触发事件:jQuery中的事件方法在调用时如果传参数,表示绑定事件,如果不传参数,表示触发事件。;trigger()方法触发事件:使用trigger()方法可以触发指定事件。;triggerHandler()方法触发事件:...

    JQuery中绑定事件(bind())和移除事件(unbind())

    本文主要向大家详细介绍了jQuery的绑定事件和移除事件的使用方法和示例分享,这里推荐给有需要的小伙伴们参考下。

    Jquery数据绑定分页源码

    Jquery数据绑定分页源码 功能介绍: 用jquery模仿gridview绑定数据,实现了jquery版gridvew,双击单元格个修改该条记录信息,分页采用ajax无刷新分页,带翻页效果,右键菜单可以删除数据,测试无误

    jquery 水平手风琴鼠标滑过标题图片滑动切换

    jquery 水平手风琴鼠标滑过标题图片滑动切换

    jQuery中的时间与动画

    2. 使用bind()方法可以一次性绑定一个或多个事件处理方法,使用unbind()方法可以移除事件绑定 3. 在jQuery中,提供了hover()和toggle()等符合事件方法 4. 在jQuery中,提供了一系列显示动画的方法。其中,使用show()...

    JQuery入门——移除绑定事件unbind方法概述及应用

    1、在DOM对象的实践操作中,既然存在用于绑定事件的bind方法,也相应存在用于移出绑定事件的方法,在JQuery中,可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码: 代码如下:<!DOCTYPE ...

    jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    主要介绍了jQuery绑定事件监听bind和移除事件监听unbind用法,结合实例形式详细分析了绑定事件监听bind和移除事件监听unbind的具体使用技巧与相关注意事项,需要的朋友可以参考下

    jquery利用命名空间移除绑定事件的方法

    主要介绍了jquery利用命名空间移除绑定事件的方法,实例分析了jQuery命名空间及事件绑定的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery中绑定事件bind() on() live() one()的异同

    jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件 bind()————————-版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除) live()————————–版本号小于1.7(在Jquery1.7中已经...

    jQuery unbind 删除绑定事件详解

    unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件。如果没有参数,则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参数,则只删除该...

    最全面的jQuery基础知识

    jQuery元素属性、jQuery元素内容、jQuery动态创建内容、jQuery删除节点、jQuery事件处理、jQuery文档就绪的四种写法、jQuery事件绑定和解除绑定、jQuery事件切换、jQuery实现toggle功能、jQuery插件、jQuery插件实用...

    jquery绑定事件 bind和on的用法与区别分析

    本文实例讲述了jquery绑定事件 bind和on的用法与区别。分享给大家供大家参考,具体如下: bind和on都是给元素绑定事件用的,其最大的区别就是事件冒泡 事件冒泡也是委托事件的原型,事件委托就是子类的事情委托给父类...

    浅析jquery unbind()方法移除元素绑定的事件

    下面小编就为大家带来一篇浅析jquery unbind()方法移除元素绑定的事件。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery事件重复绑定的快速解决方法

    一 $.fn.live 重复绑定 ...解决:使用unbind(“click”)方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件 完整测试代码: 代码如下:”box”> <button id=”tes

    浅谈jquery之on()绑定事件和off()解除绑定事件

    off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。 off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法: ...

    jquery移除了live()、die(),新版事件绑定on()、off()的方法

    我蛋疼了快10分钟,怎么调用都是报错,最后一查,原来jquery已经移除了live()和die()方法。使用了新的事件绑定方法on()、解除绑定方法off(). 新的绑定方法on()和比live()相比,效率比之前的高。因为live()是固定在...

Global site tag (gtag.js) - Google Analytics