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实现自定义标签
May 08 Javascript
用JavaScript实现单继承和多继承的简单方法
Mar 29 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 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错误提示的关闭方法详解
2013/06/23 PHP
深入解析Session是否必须依赖Cookie
2013/08/02 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
python 容器总结整理
2017/04/04 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python中必要的名词解释
2019/11/20 Python
python正则表达式实例代码
2020/03/03 Python
pytorch快速搭建神经网络_Sequential操作
2020/06/17 Python
python 实现逻辑回归
2020/12/30 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
什么是接口(Interface)?
2013/02/01 面试题
程序员跳槽必看面试题总结
2013/06/28 面试题
法律六进活动方案
2014/03/13 职场文书
大学生活动总结模板
2014/07/02 职场文书
老公保证书
2015/01/17 职场文书
python实现简单的名片管理系统
2021/04/26 Python