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’);
标签:事件绑定
您可能感兴趣
- python中tkinter模块窗口操作(详解python tkinter教程-事件绑定)
- react的事件绑定(React事件绑定的方式详解)
- react事件绑定的方式和区别(react合成事件与原生事件的相关理解)
- 三兄妹感情再遇波折,人设接连崩塌 《以家人之名》剧情猜不透(三兄妹感情再遇波折)
- 《小敏家》金波想要复婚 这只是他圈套的第1步,更可恶的在后面(小敏家金波想要复婚)
- 小敏家 剧情离谱一锅乱炖,但他们俩绝对是这部剧的一大 亮点(剧情离谱一锅乱炖)
- 《倚天屠龙记》再遭翻拍,关晓彤主演赵敏,蒋劲夫演张无忌,你怎么看(倚天屠龙记再遭翻拍)
- 吴启华与曾舜晞两代张无忌同框,戏里经典的他却没活出原著的潇洒(吴启华与曾舜晞两代张无忌同框)
- 经常发这三种 朋友圈 的人,要迅速屏蔽(经常发这三种朋友圈)
热门推荐
- html5css3旋转特效效果(一款利用html5和css3实现的3D立方体旋转效果教程)
- vite2源码解析(Vite创建项目的实现步骤)
- maven默认插件配置(Maven使用tomcat8-maven-plugin插件的详细教程)
- jquery中prop和attr的区别
- css定位总结(css中的三种基本定位机制)
- mybatis批量插入报错(解决myBatis中删除条件的拼接问题)
- idea发布项目在tomcat哪个目录下(idea发布web项目后Tomcat服务器找不到该项目的问题及解决方法)
- python itchat库介绍(Python利用itchat库向好友或者公众号发消息的实例)
- dedecms文章详情表(让Dedecms自带搜索实现全文检索支持标题与内容)
- redis在php怎么使用(Windows服务器中PHP如何安装redis扩展)