jquery利用命名空间移除绑定事件的方法


Posted in Javascript onMarch 11, 2015

本文实例讲述了jquery利用命名空间移除绑定事件的方法。分享给大家供大家参考。具体分析如下:

最近研究jquery,发现了一个简单移除绑定事件的方法,命名空间。

例子很简单。

这里我绑定了三个事件,分别是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空间,而dblclick没有加入命名空间。
利用一个button移除了绑定的事件。
这样避免了重复的使用bind和unbind方法,让你的代码看起来更简洁明了。

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>

<script type="text/javascript">

    $(function (){

        $("div").bind("click.plugin",function(){

         

            $("body").append("<p>click事件</p>");

        });

        $("div").bind("mouseover.plugin",function(){

         

            $("body").append("<p>mouseover事件</p>");

        });

        $("div").bind("dblclick",function(){

         

            $("body").append("<p>dblclick事件</p>");

        });

        $("#but").click(function(){

        alert("remove");

            $("div").unbind(".plugin");

        });

    })

</script>
<div style="border: 1px solid red;height: 100px;width:300px;">已经绑定了<br/>click,mouseover,dblclick事件的层</div>

<input id="but"  type="button"  value="remove"></input>

运行效果如下:

jquery利用命名空间移除绑定事件的方法

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
js基于cookie记录来宾姓名的方法
Jul 19 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
bmob js-sdk 在vue中的使用教程
Jan 21 Javascript
详解Node.js读写中文内容文件操作
Oct 10 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 #Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 #Javascript
jQuery实现统计输入文字个数的方法
Mar 11 #Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 #Javascript
jquery实现表格本地排序的方法
Mar 11 #Javascript
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
很可爱的输入框
2008/08/03 Javascript
基于JQuery的cookie插件
2010/04/07 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
详解js加减乘除精确计算
2019/03/19 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
跟老齐学Python之大话题小函数(1)
2014/10/10 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python读写文件方法总结
2015/06/09 Python
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
高三自我鉴定怎么写
2013/10/19 职场文书
护士专业推荐信
2013/11/02 职场文书
面试后感谢信
2014/02/01 职场文书
有趣的广告词
2014/03/18 职场文书
交通安全寄语大全
2014/04/08 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL