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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 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开发过程中关于继承的使用方法分享
2011/06/17 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
php调用MySQL存储过程的方法集合(推荐)
2013/07/03 PHP
php curl_init函数用法
2014/01/31 PHP
PHP入门之常量简介和系统常量
2014/05/12 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
JS实现图片预加载无需等待
2012/12/21 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
利用python获得时间的实例说明
2013/03/25 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
Python识别html主要文本框过程解析
2020/02/18 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
python实现银行账户系统
2021/02/22 Python
几个常见的消息中间件(MOM)
2014/01/08 面试题
优秀中专生推荐信
2013/11/17 职场文书
2014年大班元旦活动方案
2014/02/26 职场文书
送给客户微信问候语!
2019/07/04 职场文书
pytorch fine-tune 预训练的模型操作
2021/06/03 Python
Redis实现一个账号只能登录一个设备
2022/04/19 Redis
Android中View.post和Handler.post的关系
2022/06/05 Java/Android