jQuery中unbind()方法用法实例


Posted in Javascript onJanuary 19, 2015

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

此方法移除被选元素的事件处理程序,包括通过bind()方法注册的自定义事件。
unbind()方法如果不带参数,则删除所有绑定的事件。
此方法如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。

语法结构:

$(selector).unbind(type,function)

参数列表:

参数 描述
data 要被解绑的事件类型。
Function 要从每个匹配元素的事件中解绑的事件处理函数。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title> 

<style type="text/css"> 

div{ 

  width:200px; 

  height:200px; 

  background-color:blue; 

  text-align:center; 

  line-height:200px; 

} 

</style> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("div").click(function(){ 

    $("div").append("添加的内容"); 

  }); 

  $("button").click(function(){ 

    $("div").unbind(); 

  }) 

}) 

</script> 

</head> 

<body> 

<div></div> 

<button>删除事件</button> 

</body> 

</html>

以上代码可以删除在div上注册的事件处理函数。

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

Javascript 相关文章推荐
学习ExtJS border布局
Oct 08 Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
JS中showModalDialog 的使用解析
Apr 17 Javascript
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
js动态切换图片的方法
Jan 20 Javascript
详解参数传递四种形式
Jul 21 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
JavaScript 去重和重复次数统计
Mar 31 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 #Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 #Javascript
jQuery中trigger()方法用法实例
Jan 19 #Javascript
jQuery的one()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 #Javascript
jQuery中bind()方法用法实例
Jan 19 #Javascript
jQuery中on()方法用法实例
Jan 19 #Javascript
You might like
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
JavaScript中利用Array和Object实现Map的方法
2015/07/27 Javascript
js淡入淡出的图片轮播效果代码分享
2015/08/24 Javascript
Node.js编写组件的三种实现方式
2016/02/25 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
jquery 手势密码插件
2017/03/17 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
Python之str操作方法(详解)
2017/06/19 Python
Python实现PS图像抽象画风效果的方法
2018/01/23 Python
python实现AES加密和解密
2019/03/27 Python
Python-for循环的内部机制
2020/06/12 Python
python 如何引入协程和原理分析
2020/11/30 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
毕业生实习鉴定
2013/12/11 职场文书
教师申诉制度
2014/01/29 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书