jQuery:unbind方法的使用详解


Posted in jQuery onAugust 14, 2017

jQuery:unbind方法的使用详解

一、前言

unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如:$(‘a').click(function(){})可以通过unbind解绑。用原生addEventListener以及IE下的attachEvent注册的事件以及使用onclick/onmouseover属性绑定的事件不能通过unbind进行解绑。

例如:

以下的事件可以通过unbind解绑:

$('a').click(function(){});
$('a').bind('click',function(){})

以下的事件不可以通过unbind解绑

var a = document.getElementById('a');
a.addEventListener(a,function(){},false);
a.onclick = function(){}

二、使用方式:

传入一个或者多个事件名称字符串,可以解绑该元素上指定的处理事件。

例如:

//解绑所有a上的click事件
  $('a').unbind('click');
  //解绑a上的所有mouseover以及mouseoverout事件
  $('a').unbind('mouseover mouseout');

以上方式比较粗暴,如果在多模块开发中,可能会直接把别的模块注册的处理函数给解绑了。所以可以采用命名空间的方式进行解绑。

例如:

$('a').unbind('click.myspace')
  $('a').unbind('mouseover.myspace,mouseout.myspace)

使用事件处理程序的引用进行解绑。此时第一个参数是事件名称,第二个参数是事件处理函数名称

function handler(){
  alert('hello');
}
$('a').bind('click',handler);
$('a').unbind('click',handler);

传入一个对象给unbind,取消该对象的所有key的名称对应的事件,value是绑定的事件处理函数名称。如下: 

$('a').unbind({
    mouseover: mouseoverHandler,
    mouseout: mouseoutHandler
  });

传入一个jQuery Event对象给unbind,也可以解绑该event对应的处理函数。例如:

$('a').click(function(event){
    if(条件满足){
      $('a').unbind(event);
    }
  });

注意:调用unbind(event)方法就相当于调用unbind(事件类型,事件处理函数名称)

以上就是jQuery:unbind方法的介绍,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery 相关文章推荐
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery AJAX应用实例总结
May 19 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 #jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 #jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 #jQuery
jquery对table做排序操作的实例演示
Aug 10 #jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 #jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 #jQuery
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 #jQuery
You might like
PHP 处理图片的类实现代码
2009/10/23 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
2016/03/29 Javascript
jQuery实现简单倒计时功能的方法
2016/07/04 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
axios拦截设置和错误处理方法
2018/03/05 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
JavaScript生成随机验证码代码实例
2019/09/28 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
python通过smpt发送邮件的方法
2015/04/30 Python
python中subprocess批量执行linux命令
2018/04/27 Python
Python常用特殊方法实例总结
2019/03/22 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python实现梯度下降法
2020/03/24 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
C++面试题目
2013/06/25 面试题
中文系学生自荐信范文
2013/11/13 职场文书
淘宝中秋节活动方案
2014/01/31 职场文书
冰淇淋开店创业计划书
2014/02/01 职场文书
境外导游求职信
2014/02/27 职场文书
结婚喜宴主持词
2014/03/14 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
2015年幼儿园中班工作总结
2015/04/25 职场文书
小学思品教学反思
2016/02/20 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python