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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
前端深入理解Typescript泛型概念
Mar 09 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
修改Vue打包后的默认文件名操作
Aug 12 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限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
新浪中用来显示flash的函数
2007/04/02 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
js实现拖拽效果
2015/02/12 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
2017/10/31 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
python持久性管理pickle模块详细介绍
2015/02/18 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python 字段拆分详解
2019/12/17 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
当当网官方旗舰店:中国图书销售夺金品牌
2018/04/02 全球购物
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
PHP面试题集
2016/12/18 面试题
高中班长自我鉴定
2013/12/20 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
公积金接收函格式
2015/01/30 职场文书
入党介绍人意见范文
2015/06/01 职场文书