富贵资源网 Design By www.hznty.com
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方法的介绍，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...