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 相关文章推荐
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
微信小程序自定义带价格显示日历效果
Dec 29 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
JS寄快递地址智能解析的实现代码
Jul 16 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 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中使用Oracle数据库(5)
2006/10/09 PHP
PHP中基本符号及使用方法
2010/03/23 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
checkbox 复选框不能为空
2009/07/11 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
限制文本框输入N个字符的js代码
2010/05/13 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
javascript的函数作用域
2014/11/12 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
Python列表推导式的使用方法
2013/11/21 Python
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
shell的种类有哪些
2015/04/15 面试题
学生会部长竞聘书
2014/03/31 职场文书
企业安全生产责任书
2014/04/14 职场文书
股票投资建议书
2014/05/19 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
预防艾滋病宣传标语
2014/06/25 职场文书
2014年教研工作总结
2014/12/06 职场文书
鸦片战争观后感
2015/06/09 职场文书