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 相关文章推荐
jquery 模式对话框终极版实现代码
Sep 28 Javascript
javascript 拖放效果实现代码
Jan 22 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
JS cookie中文乱码解决方法
Jan 28 Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
javascript实现简易聊天室
Jul 12 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
使用Typescript开发微信小程序的步骤详解
Jan 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
FireFox浏览器使用Javascript上传大文件
2013/10/30 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php算法实例分享
2015/07/14 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
php中钩子(hook)的原理与简单应用demo示例
2019/09/03 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
django最快程序开发流程详解
2019/07/19 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
医学生自我鉴定范文
2014/03/26 职场文书
二婚主持词
2015/06/30 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
《风筝》教学反思
2016/02/23 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL