jQuery unbind()方法实例详解


Posted in Javascript onJanuary 19, 2016

本文实例讲述了jQuery unbind()方法使用方法。分享给大家供大家参考,具体如下:

jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件。

语法结构:

unbind([type][, data]);

type是事件类型,data为将要移除的事件。具体说明如下:
1、如果没有参数,则删除所有的绑定事件;
2、如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件;
3、如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除。

请看下面的举例:

<script src="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()方法实例详解

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
js 设置选中行的样式的实现代码
May 24 Javascript
Jquery下判断Id是否存在的代码
Jan 06 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
微信小程序以ssm做后台开发的实现示例
Apr 08 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 #Javascript
详解JavaScript对象序列化
Jan 19 #Javascript
学习JavaScript设计模式之单例模式
Jan 19 #Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 #Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 #Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 #Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 #Javascript
You might like
PHP中根据IP地址判断城市实现城市切换或跳转代码
2012/09/04 PHP
jQuery 1.0.2
2006/10/11 Javascript
javascript 表单验证常见正则
2009/09/28 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
用Python脚本生成Android SALT扰码的方法
2013/09/18 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python函数式编程实例详解
2020/01/17 Python
python实现的分层随机抽样案例
2020/02/25 Python
详解python的变量缓存机制
2021/01/24 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
浅析HTML5 meta viewport参数
2020/10/28 HTML / CSS
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
物业管理专业个人的自我评价
2013/11/19 职场文书
网吧收银员岗位职责
2013/12/14 职场文书
扬尘污染防治方案
2014/06/15 职场文书
公司外出活动方案
2014/08/14 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
刮痧观后感
2015/06/05 职场文书
庆七一晚会主持词
2015/06/30 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python