jQuery unbind() 方法
2015-10-27 15:51
691 查看
转自:/article/1818818.html
jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。
语法结构:
[javascript] view
plaincopy
unbind([type][, data]);
type是事件类型,data为将要移除的事件。具体说明如下:
1、如果没有参数,则删除所有的绑定事件;
2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;
3、如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除。
请看下面的举例:
[javascript] view
plaincopy
<script src="http://www.gamejzy.com/js/jquery.js" type="text/javascript"></script>
<style>
.info {
background:#ffff66;
}
</style>
<input type="button" id="btn" value="点击我" />
<input type="button" id="delAll" value="删除全部绑定函数" />
<input type="button" id="delFun2" value="删除第二个绑定函数" /><br />
<div class="info"></div>
<script type="text/javascript">
$(document).ready(function(){
// 为id为btn的按钮添加绑定事件(多个)
$("#btn").bind('click', fun1=function(){
$(".info").append('<p>绑定函数1</p>');
}).bind('click', fun2=function(){
$(".info").append('<p>绑定函数2</p>');
}).bind('click', fun3=function(){
$(".info").append('<p>绑定函数3</p>');
})
//删除全部绑定事件
$("#delAll").bind('click', function(){
$("#btn").unbind();
})
//删除第二个绑定函数
$("#delFun2").bind('click', function(){
$("#btn").unbind('click', fun2);
})
})
</script>
效果展示图:
jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。
语法结构:
[javascript] view
plaincopy
unbind([type][, data]);
type是事件类型,data为将要移除的事件。具体说明如下:
1、如果没有参数,则删除所有的绑定事件;
2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;
3、如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除。
请看下面的举例:
[javascript] view
plaincopy
<script src="http://www.gamejzy.com/js/jquery.js" type="text/javascript"></script>
<style>
.info {
background:#ffff66;
}
</style>
<input type="button" id="btn" value="点击我" />
<input type="button" id="delAll" value="删除全部绑定函数" />
<input type="button" id="delFun2" value="删除第二个绑定函数" /><br />
<div class="info"></div>
<script type="text/javascript">
$(document).ready(function(){
// 为id为btn的按钮添加绑定事件(多个)
$("#btn").bind('click', fun1=function(){
$(".info").append('<p>绑定函数1</p>');
}).bind('click', fun2=function(){
$(".info").append('<p>绑定函数2</p>');
}).bind('click', fun3=function(){
$(".info").append('<p>绑定函数3</p>');
})
//删除全部绑定事件
$("#delAll").bind('click', function(){
$("#btn").unbind();
})
//删除第二个绑定函数
$("#delFun2").bind('click', function(){
$("#btn").unbind('click', fun2);
})
})
</script>
效果展示图:
相关文章推荐
- jQuery MiniUI开发系列之:安装部署
- jQuery MiniUI开发系列之:安装部署
- JQuery基本操作
- javascript-jquery笔记
- Jquery正则表达式公式.例子
- 夺命雷公狗jquery---26事件冒泡介绍和阻止方法
- jQuery Validation Engine表单验证为false
- jQuery单击按钮,按钮变,内容展开
- jQuery结合elevateZoom演示多种放大镜效果
- JSP+JQuery Ajax+Servlet 实现轮询方式消息提示功能
- jQuery的选择器中的通配符[id^='code']
- 夺命雷公狗jquery---25事件绑定中的this指向
- 基于Jquery ajax技术实现间隔N秒向某页面传值
- jquery "缺少标识符、字符串或数字"
- jquery 字符串转数字
- javascript基础之十三(Jquery基础)
- jQuery中读取json文件示例代码
- jquery中判断是否按下回车键
- 三、jQuery--jQuery基础--jQuery基础课程--第4章 jQuery表单选择器
- ie下jquery.getJSON的缓存问题的处理方法