`

添加事件命名空间,便于管理

阅读更多
例如可以把为元素绑定的多个事件类型用命名空间规范起来,jQuery代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style>
	div{width:100px;height:50px;background:#888;color:white;}
 </style>
  <script src="../../scripts/jquery.js" type="text/javascript"></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>");
	});
	$("button").click(function() {
		$("div").unbind(".plugin");  
	})
	/*
		click,mouseover 事件被删除,
	*/
  })
  </script>
</head>
<body>
<div>test.</div>
<button >根据命名空间,删除事件</button>
</body>
</html>
在所绑定的事件类型后面添加命名空间,这样在删除事件时只需要指定命名空间即可。
单击<button>元素后,"plugin"的命名空间被删除,而不在"plugin"的命名空间的"dblclick"事件依然存在。
分享到:
评论

相关推荐

    C#源代码-添加引用和导入命名空间.zip

    在C#编程中,"添加引用"和"导入命名空间"是两个至关重要的概念,它们对于组织和管理代码,以及确保程序的正确运行至关重要。本文将深入探讨这两个主题,并通过实例来阐述它们在C#源代码中的应用。 首先,我们来看...

    修改微信支付sdk3.0为命名空间格式.zip

    在SDK的3.0版本中,代码结构可能遵循传统的PHP包含方式,这可能不便于现代PHP项目的组织和管理,尤其是那些采用命名空间的项目。本压缩包文件“修改微信支付sdk3.0为命名空间格式.zip”旨在将原始SDK的类文件转换为...

    Axis2 SOAP XML报文节点首字母小写转大写,节点命名空间前缀添加与剔除(JAVA)

    添加命名空间前缀可以使用`setAttributeNS`方法,而剔除则需要在创建元素时避免指定前缀。例如,添加命名空间前缀: ```java Element newElement = document.createElementNS("http://example.com/namespace", "ns:...

    WebApi返回xml格式时去除命名空间

    在WebAPI中,当返回XML数据时,为了确保数据的语义清晰,会自动添加命名空间前缀,例如`http://tempuri.org/`。但这对于某些不期望或无法处理这些命名空间的客户端来说,可能会成为问题。 要消除WebAPI返回的XML中...

    管理系统系列--HBaseManager,是一款强大的HBase表管理系统,目前系统集成的功能有,命名空间管理,表管.zip

    通过命名空间,可以将相关的表组织在一起,便于管理和权限控制。HBaseManager提供了创建、删除、修改和查看命名空间的接口,使得管理员能够更有序地管理大量的表资源,同时也方便了权限分配和资源隔离。 其次,表...

    简单mvc框架命名空间

    在MVC框架中,我们可以为模型、视图和控制器创建各自的命名空间,以便更好地组织和管理代码。 1. **模型(Model)**:在MVC中,模型负责处理业务逻辑和数据操作。在PHP命名空间下,我们通常会创建一个如`App\Model`...

    Oracle 12c中的表空间管理、用户和角色、临时Undo.pdf

    用户管理通常涉及角色的赋予,角色则包含了多个权限的集合,便于授权管理。 六、临时Undo功能(temporaryUndo) 临时Undo是指为了在临时表空间中存储Undo信息,提高临时表空间操作性能而设置的功能。可以通过修改...

    对象序列化:使用System.Xml.Serialization命名空间

    为了自定义XML命名空间,可以使用`XmlSerializerNamespaces`类,然后在`Serialize`方法中传入这个对象,以控制生成的XML文档中的命名空间。 总结来说,`System.Xml.Serialization`命名空间提供了丰富的工具,使得在...

    Node.js-ious使用express中间件在socket.io命名空间上

    5. **日志记录**:利用Express中间件记录客户端与特定命名空间的交互,便于后续的调试和分析。 从"ious-master"这个文件名来看,这可能是一个开源项目的主分支,其中包含了项目的源代码。在深入研究这个项目时,你...

    kns:快速Kubernetes命名空间切换器

    在 Kubernetes 集群中,命名空间(Namespace)是一种非常重要的资源管理机制,它允许用户在同一个集群中划分不同的虚拟集群,以便于多团队协作、隔离资源和权限控制。命名空间提供了逻辑上的分区,使得多个项目或...

    解决Laravel自定义类引入和命名空间的问题

    对于Laravel框架而言,命名空间可以将项目中的类、接口、函数等组织成逻辑组,从而便于管理和使用。一个常见的问题是,在Laravel中使用自定义类时,如果不正确引入或配置命名空间,就会导致类无法找到的错误。 在...

    javascript自执行函数之伪命名空间封装法.docx

    同时,如果需要添加新的功能,只需要修改对应的命名空间即可,不会影响其他部分。 4. **代码复用性**:封装后的函数可以在多个地方重复使用,提高了代码的复用性。 #### 六、案例对比 以下是一个简单的案例对比,以...

    第5章继承性、多态性和命名空间

    通过使用命名空间,开发者可以将相关的类和组件分组,便于代码的管理和复用。例如,`System`命名空间包含了C#标准库中的许多基础类。 总结起来,继承性提供了代码的复用和扩展,多态性确保了代码的灵活性和适应性,...

    Allegro_建库和封装命名规则

    通过以上建库方法和封装命名规则的实践,设计师可以有效地管理Allegro中的元器件模型,确保设计过程的高效和准确性。在进行设计时,应时刻牢记这些规则,以降低出错的可能性,提升整体设计质量。

    归档CC#命令空间讲解及API.zip

    在C#编程语言中,命名空间(Namespace)是组织代码的一种重要方式,它允许我们将相关的类、接口和其他类型的代码逻辑地分组在一起,以便于管理和重用。在本压缩包中,你将找到关于C#命名空间的详细解释以及相关的API...

    PHP关键特性之命名空间实例详解

    如果编写代码时没有定义命名空间,则这些类、函数和常量默认属于全局命名空间,即在引用时不需要添加前缀。 命名空间可以嵌套,每个命名空间都是独立的,允许在同一个文件内声明不同命名空间的同名类、函数或常量,...

    word转换PDF的文件,操作PDF,添加水印

    在后台代码中,我们使用了Microsoft.Office.Interop.Word命名空间来实现Word文档的转换,并使用iTextSharp命名空间来将水印添加到PDF文件中。在前台页面中,我们使用了HTML和JavaScript来实现交互式的用户界面。 本...

    第八步、学生信息管理系统&#40;添加学生信息&#41;.doc

    在窗体的代码编辑器中,需要导入相关的命名空间,以便于使用特定的类或方法。本案例中需要导入以下命名空间: - `System` - `System.Data` - `System.Data.OleDb` - `System.IO` - `System.IO.Directory` - `System....

    jquer事件绑定

    - **灵活性**: 开发者可以根据需要动态地添加、移除特定命名空间下的事件处理器。 #### 五、扩展知识点 - **`unbind()`方法**: 与`bind()`相对应,用于移除之前绑定的事件处理器。 - **`one()`方法**: 类似于`bind...

Global site tag (gtag.js) - Google Analytics