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 5 新增 Array 方法实现介绍
Feb 06 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
JavaScript 深层克隆对象详解及实例
Nov 03 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
关于ES6的六个小特性(二)
Feb 20 Javascript
JavaScript中严格判断NaN的方法
Feb 16 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
PHP mkdir()定义和用法
2009/01/14 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
在JavaScript中操作时间之setYear()方法的使用
2015/06/12 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
移动端界面的适配
2017/01/11 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
Bootstrap fileinput文件上传预览插件使用详解
2017/05/16 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
django rest framework 自定义返回方式
2020/07/12 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
优秀员工自荐信范文
2013/10/05 职场文书
绝对经典成功的大学生推荐信
2013/11/08 职场文书
税务专业毕业生自荐信
2013/11/10 职场文书
八年级英语教学反思
2014/01/09 职场文书
校园安全教育广播稿
2014/02/17 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
作文评语怎么写
2014/12/25 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
项目建议书
2015/02/04 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python