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和JQuery实用代码片段(一)
Apr 07 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
Javascript引用指针使用介绍
Nov 07 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
详解vue-router基本使用
Apr 18 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
JavaScript ES 模块的使用
Nov 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
一个用php3编写的简单计数器
2006/10/09 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
Prototype的Class.create函数解析
2011/09/22 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
Jquery 实现grid绑定模板
2015/01/28 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
开源Web应用框架Django图文教程
2017/03/09 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
Python多进程原理与用法分析
2018/08/21 Python
Python如何实现转换URL详解
2019/07/02 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
python采集百度搜索结果带有特定URL的链接代码实例
2019/08/30 Python
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
Linux如何为某个操作添加别名
2015/02/05 面试题
学术会议邀请函范文
2014/01/22 职场文书
母亲节感恩寄语
2014/02/21 职场文书
旅游安全协议书
2014/04/21 职场文书
质量负责人任命书
2014/06/06 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
三下乡活动心得体会
2016/01/23 职场文书
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python