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 相关文章推荐
在JavaScript中使用inline函数的问题
Mar 08 Javascript
JavaScript中的Window窗口对象
Jan 16 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
从零开始学习jQuery (二) 万能的选择器
Oct 01 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
Jun 16 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实现框架(一)
2006/10/09 PHP
针对初学PHP者的疑难问答(2)
2006/10/09 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
主流PHP框架的优缺点对比分析
2014/12/25 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
2010/11/16 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
Python set集合类型操作总结
2014/11/07 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
python中adb有什么功能
2020/06/07 Python
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
自主招生自荐书
2013/11/29 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
村班子对照检查材料
2014/08/18 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
MySQL的join buffer原理
2021/04/29 MySQL
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
SpringDataJPA在Entity中常用的注解介绍
2021/12/06 Java/Android
Python必备技巧之函数的使用详解
2022/04/04 Python