jquery unbind
类别:Web前端 浏览量:500
时间:2015-5-18 jquery unbind
jquery unbind一、语法
$(selector).unbind(event,function)
event:可选。规定删除元素的一个或多个事件,由空格分隔多个事件值。如果只规定了该参数,则会删除绑定到指定事件的所有函数。
function:可选。规定从元素的指定事件取消绑定的函数名。
unbind()函数的参数全是筛选条件,只有匹配所有参数条件的事件处理函数都将被移除。参数越多,限定条件就越多,被移除的范围就越小。
二、jquery unbind实例
<input id="btn1" type="button" value="点击1" />
<input id="btn2" type="button" value="点击2" />
<a id="a1" href="#">CodePlayer</a>
<script>
function btnClick1(){
alert( this.value + "-1" );
}
function btnClick2(){
alert( this.value + "-2" );
}
var $buttons = $(":button");
// 为所有button元素的click事件绑定事件处理函数btnClick1
$buttons.bind( "click", btnClick1 );
// 为所有button元素的click事件绑定事件处理函数btnClick2
$buttons.bind( "click", btnClick2 );
// 为所有a元素的click、mouseover、mouseleave事件绑定事件处理函数
$("a").bind( "click mouseover mouseleave", function(event){
if( event.type == "click" ){
alert("点击事件");
}else if( event.type == "mouseover" ){
$(this).css("color", "red");
}else{
$(this).css("color", "blue");
}
});
// 移除为所有button元素的click事件绑定的事件处理函数btnClick2
// 点击按钮,只执行btnClick1
$buttons.unbind("click", btnClick2);
// 移除为所有button元素的click事件绑定的所有事件处理函数(btnClick1和btnClick2)
// 点击按钮,不会执行任何事件处理函数
// $buttons.unbind("click");
// 只移除为btn1元素的click事件绑定的所有事件处理函数
// btn2元素的click事件仍然有效
// $("#btn1").unbind("click");
// 移除为所有a元素的任何事件绑定的所有处理函数
// 点击链接,或用鼠标在链接上移入、移出,都不会触发执行任何事件处理函数
// $("a").unbind( );
</script>
三、jquery unbind注意事项
1、移除所有p元素的绑定事件
$("p").unbind();
2、移除p元素绑定的click事件
$("p").unbind("click");
$("p").unbind("click",funName);
3、unbind方法只适用于取消jquery绑定的事件,如果直接使用document.getElementById("btn").onclick=function{}或<li onclick="alert('c')">test</li>,不能通过unbind方法取消(删除)
4、jQuery下使用 $(selector).unbind('hover')无效,可以使用如下方法代替
$(selector).unbind(‘mouseenter’).unbind(‘mouseleave’);
//或:
$(selector).unbind(‘mouseenter mouseleave’);
标签:事件绑定
您可能感兴趣
- react事件绑定的方式和区别(react合成事件与原生事件的相关理解)
- react的事件绑定(React事件绑定的方式详解)
- python中tkinter模块窗口操作(详解python tkinter教程-事件绑定)
- 冬天来了手脚冰凉 真不是因为上辈子你是折翼的天使(冬天来了手脚冰凉)
- 0 1 岁婴儿最强作息指南,照着做养出天使宝宝(01岁婴儿最强作息指南)
- 沪上这16所高校 萌新 礼包开箱 哪一款让你心动(沪上这16所高校萌新)
- 她救了被绑架的他,而这一切竟是一场阴谋...(她救了被绑架的他)
- 冬季养殖这6种阴生植物,方便又好养,你家有么(冬季养殖这6种阴生植物)
- 阴生植物为什么不怕照不到阳光(阴生植物为什么不怕照不到阳光)
热门推荐
- 如何清除mysql的binlog
- html5做app流程(Html5嵌入钉钉的实现示例)
- cssflex布局案例(CSS Flexbox的具体用法详解)
- 如何查看python是否安装selenium(selenium+python截图不成功的解决方法)
- dedecms系统怎么查看(DedeCMS V5.3/V5.5/V5.7 安全设置指南 图文推荐)
- tortoisesvn 合并分支
- dedecms验证码识别(dedecms 软件下载频道防盗链php代码)
- php加密平台(PHP7实现和CryptoJS的AES加密方式互通示例AES-128-ECB加密)
- pythonpil安装包(基于Python的PIL库学习详解)
- dockertomcat多开实例(Docker tomcat的设置内存大小配置方式)