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学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
php+js实现倒计时功能
Jun 02 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
VUE解决跨域问题Access to XMLHttpRequest at
May 06 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
php代码书写习惯优化小结
2013/06/20 PHP
关于php循环跳出的问题
2013/07/01 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
php二维码生成
2015/10/19 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
js下弹出窗口的变通
2007/04/18 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
Python3开发环境搭建详细教程
2020/06/18 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
空指针到底是什么
2012/08/07 面试题
应届本科生推荐信范文
2013/12/25 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
商场促销活动策划方案
2014/08/18 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
2015年班组工作总结
2015/04/20 职场文书
承诺书范本大全
2015/05/04 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书