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 相关文章推荐
jQuery图片的展开和收缩实现代码
Apr 16 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
jQuery实现验证码功能
Mar 17 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
微信小程序云开发之新手环境配置
May 16 Javascript
layui实现数据分页功能
Jul 27 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+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
javascript写的日历类(基于pj)
2010/12/28 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
javascript中的this详解
2014/12/08 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
微信小程序动态显示项目倒计时
2019/06/20 Javascript
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
Python如何使用函数做字典的值
2019/11/30 Python
Python实现名片管理系统
2020/02/14 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
自荐信格式
2013/12/01 职场文书
党章培训心得体会
2014/09/04 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
九年级语文教学反思
2016/03/03 职场文书
python 爬取天气网卫星图片
2021/06/07 Python
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python
js前端图片加载异常兜底方案
2022/06/21 Javascript