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 相关文章推荐
js弹出层永远居中实现思路及代码
Nov 29 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
常用DOM整理
Jun 16 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
使用vue构建一个上传图片表单
Jul 04 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
使用nvm和nrm优化node.js工作流的方法
Jan 17 Javascript
layui-table表复选框勾选的所有行数据获取的例子
Sep 13 Javascript
Vuex实现数据增加和删除功能
Nov 11 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 UTF8中文字符截断函数代码
2012/09/11 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
javascript实现带下拉子菜单的导航菜单效果
2015/05/14 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
javascript 的变量、作用域和内存问题
2017/04/19 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
2018/03/01 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
python实现查询IP地址所在地
2015/03/29 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
记一次python 内存泄漏问题及解决过程
2018/11/29 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
PHP经典面试题
2016/09/03 面试题
会计学个人自荐信模板
2013/12/13 职场文书
付款委托书范本
2014/04/04 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
三年级小学生评语
2014/04/22 职场文书
小学校长汇报材料
2014/08/20 职场文书
道歉的话怎么说
2015/05/12 职场文书