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遍历节点方法汇总(推荐)
May 13 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 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+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
php实现递归的三种基本方式
2020/07/04 PHP
PHP 中使用ajax时一些常见错误总结整理
2017/02/27 PHP
php合并数组并保留键值的实现方法
2018/03/12 PHP
PHP强制转化的形式整理
2020/05/22 PHP
javascript 写类方式之六
2009/07/05 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
nodejs中实现路由功能
2014/12/29 NodeJs
jQuery实现的分页功能示例
2017/01/22 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
Openlayers实现扩散的动态点(水纹效果)
2020/08/17 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python利用有道翻译实现"语言翻译器"的功能实例
2017/11/14 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
Windows下Anaconda2安装NLTK教程
2018/09/19 Python
python3安装speech语音模块的方法
2018/12/24 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
python多线程扫描端口(线程池)
2019/09/04 Python
python根据文本生成词云图代码实例
2019/11/15 Python
python 实现视频 图像帧提取
2019/12/10 Python
Python字符串三种格式化输出
2020/09/17 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
2014年公务员工作总结
2014/11/18 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python
Python中requests做接口测试的方法
2021/05/30 Python