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 相关文章推荐
javascript document.referrer 用法
Apr 30 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
vue+element创建动态的form表单及动态生成表格的行和列
May 20 Javascript
node-red File读取好保存实例讲解
Sep 11 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
node.js中path路径模块的使用方法实例分析
Feb 13 Javascript
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
简单了解WordPress开发中update_option()函数的用法
2016/01/11 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
ASP中Sub和Function的区别说明
2020/08/30 Javascript
JavaScript全排列的六种算法 具体实现
2013/06/29 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
vue代理和跨域问题的解决
2018/07/18 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
微信小程序的授权实现过程解析
2019/08/02 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
Python处理字符串之isspace()方法的使用
2015/05/19 Python
Python实现数据库编程方法详解
2015/06/09 Python
Python中基本的日期时间处理的学习教程
2015/10/16 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
实例讲解python中的序列化知识点
2018/10/08 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
对Django外键关系的描述
2019/07/26 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
Canvas波浪花环的示例代码
2020/08/21 HTML / CSS
个人应聘自我评价分享
2013/11/18 职场文书
新学期班主任寄语
2014/01/18 职场文书
服务之星事迹材料
2014/05/03 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
python基础之停用词过滤详解
2021/04/21 Python
redis cluster支持pipeline的实现思路
2021/06/23 Redis
Ajax实现三级联动效果
2021/10/05 Javascript
Python装饰器的练习题
2021/11/23 Python