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 相关文章推荐
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
React实现双向绑定示例代码
Sep 19 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
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
帅气的琦玉老师
2020/03/02 日漫
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
php获取当前页面完整URL地址
2015/12/30 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
Javascript对象Clone实例分析
2015/06/09 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
python实现飞行棋游戏
2020/02/05 Python
使用python实现名片管理系统
2020/06/18 Python
详解Python yaml模块
2020/09/23 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
论文评语大全
2014/04/29 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2014年市场部工作总结
2014/11/25 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
离婚协议书怎么写
2015/01/26 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server