jquery利用命名空间移除绑定事件的方法
更新时间：2015年03月11日 15:31:33 作者：jeffsui
这篇文章主要介绍了jquery利用命名空间移除绑定事件的方法,实例分析了jQuery命名空间及事件绑定的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
这篇文章主要介绍了表单中单选框添加选项和移除选项的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
本文将会使用jquery实现以下功能:按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）,感兴趣的朋友可以了解下2013-01-01
jQuery解析XML与传统JavaScript方法的差别实例分析
这篇文章主要介绍了jQuery解析XML与传统JavaScript方法的差别,实例分析了jQuery与javascript解析XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了打造自己的jQuery插件,简单分析了jQuery插件的原理与基本实现技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jQuery插件实现的日历功能,结合完整实例形式分析了jQuery datepicker插件实现日历功能的相关操作技巧,需要的朋友可以参考下2018-09-09
用JQuery的Ajax从后台提取数据后想把它赋值给全局变量，怎么都赋不进，原因是数据还没提取出来，你当然赋不进去2014-08-08
本篇文章是对jquery获取父窗口元素的实现方法进行了详细的分析介绍，需要的朋友参考下2013-06-06
jQuery动画效果-slideUp slideDown上下滑动示例代码
jQuery动画上下滑动效果在网页中的应用还是比较广泛的，其实很简单通过slideUp slideDown方法便可轻松实现，具体如下，喜欢的朋友可以参考下，希望对大家学习jquery有所帮助2013-08-08
这篇文章主要介绍了jquery-file-upload 文件上传带进度条效果，代码分为html部分css部分和js部分，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-11-11
jQuery源码分析-04 选择器-Sizzle-工作原理分析
在分析Sizzle源码之前，先整理一下选择器的工作原理，先明确一些选择器中用到的名词，后边阅读时不会有歧义2011-11-11
最新评论