jquery unbind 的用法
2015-09-14 10:47
603 查看
一、语法
$(selector).unbind(event,function)
event:可选。规定删除元素的一个或多个事件,由空格分隔多个事件值。如果只规定了该参数,则会删除绑定到指定事件的所有函数。
function:可选。规定从元素的指定事件取消绑定的函数名。
unbind()函数的参数全是筛选条件,只有匹配所有参数条件的事件处理函数都将被移除。参数越多,限定条件就越多,被移除的范围就越小。
二、jquery unbind实例
参考资料: jquery unbind http://www.studyofnet.com/news/917.html
$(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 http://www.studyofnet.com/news/917.html
相关文章推荐
- jQuery原理分析--选择器
- JQuery ajax返回JSON时的处理方式 (三种方式)
- JQuery ajax中error返回错误及一直返回error的解答
- jquery 获取和设置 select下拉框的值(转手册)
- Jquery入门
- jquery实现鼠标点击后展开列表内容的导航栏效果
- jquery动态创建div与input
- jQuery查询性能考虑
- jQuery实现自动切换播放的经典滑动门效果
- jquery实现最简单的滑动菜单效果代码
- jQuery EasyUI API 中文文档
- Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
- JQueryEasyUI datagrid框架的基本使用
- jQuery与原生js的函数对比
- jQuery与原生js的函数对比
- JQuery 选择器
- jQuery-案例:试验品牌展示
- jQuery-案例常用功能
- jQuery-动画
- jQuery-jQuery中的事件