jQuery:unbind方法的使用详解
2016-07-13 22:33
260 查看
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(事件类型,事件处理函数名称)
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码