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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
nw.js实现类似微信的聊天软件
Mar 16 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
PHP新手上路(九)
2006/10/09 PHP
给php新手谈谈我的学习心得
2007/02/25 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
[06:10]6.81新信使新套装!给你一个炫酷的DOTA2
2014/05/06 DOTA
Python 可爱的大小写
2008/09/06 Python
python将字符串转换成数组的方法
2015/04/29 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Python交互式图形编程的实现
2019/07/25 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
团队经理竞聘书
2014/03/31 职场文书
普宁寺导游词
2015/02/04 职场文书
中学推普周活动总结
2015/05/07 职场文书
企业财务管理制度范本
2015/08/04 职场文书