`

事件委派笔记1

阅读更多
<!DOCTYPE html>
<html>
  <head>
    <title>left.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    
	<script type="text/javascript" src="C:\Users\Administrator\Desktop\jquery-1.9.0.js"></script>
	<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
	</style>
	
	<script type="text/javascript">
		$(function(){
		 	console.log($("#div1"));
		 	
			
			$("p").click(function(){
				alert("clicked");
			});
			
			$("#div1").on("click","p",function(){alert("on clicked");});
			
			$("div").append("<p>hello</p>");
			
		});
		
	</script>
	
  </head>
  
  <body>
  	 <div id="div1"></div>
	
	 

  </body>
</html>


这里在代码的最后的地方加入了<p>hello</p>

上面的例子中,
$("p").click的函数是无法被执行的。
而$("#div1").on("click","p",function(){});
这里是可以执行的。

也就是说 on()这个函数可以将事件处理绑定到现在已经存在的, 包括将来会被添加进去的节点中去。
分享到:
评论

相关推荐

    Linux权限委派相关学习笔记

    1. **赋予普通用户sudo权限**:将用户添加到`sudoers`文件中的相应条目,例如,`%groupname ALL=(ALL) ALL`将允许`groupname`组内的所有用户使用sudo。 2. **使用sudo命令进行提权操作**:普通用户可以通过运行`...

    jvm视频及笔记

    1. **JVM架构**:JVM主要由类装载器、运行时数据区、执行引擎、本地方法接口和本地库组成。了解每个部分的功能对于优化程序性能至关重要。 2. **类装载机制**:包括加载、验证、准备、解析和初始化五个阶段,确保类...

    java面试题 学习笔记

    1. 类加载机制:理解双亲委派模型,以及自定义类加载器的创建。 2. 内存管理:探讨堆内存,栈内存,方法区,以及垃圾回收机制。 十、设计模式 1. 创建型模式:单例、工厂、抽象工厂、建造者、原型等模式。 2. 结构...

    JQuery学习笔记(技术文档)

    事件委派 - `live(type, fn)`(已被废弃,建议使用 `on` 方法) - `type`:要绑定的事件类型。 - `fn`:要执行的函数。 示例代码: ```javascript $("body").live("click", "#id", function(){ alert(...

    系统集成项目管理工程师整理笔记(内部资料).pdf

    4. 委派的项目经理及对项目经理的授权 5. 概要的里程碑进度计划 6. 项目干系人的影响 7. 职能组织及其参与 8. 组织的、环境的和外部的假设 9. 组织的、环境的和外部的约束 10. 论证项目的业务方案,包括投资回报率 ...

    everynote云笔记

    文件可能包含了类加载器的工作机制、双亲委派模型、自定义类加载器的实现以及类加载过程中的加载、验证、准备、解析和初始化等步骤。 4. **webmagic的设计机制及原理-如何开发一个Java爬虫.html**:WebMagic是一个...

    java基础学习笔记

    ### Java基础学习笔记知识点 #### 一、Java学习路线概览 Java学习通常分为几个阶段,从基础到高级,逐步深化。以下是对给定文件中提到的学习路线的详细解析: ##### 第一阶段:Java基础 - **JAVASE**:Java标准版...

    windows server 2008R2 域服务器配置笔记

    1. 安装AD DS: 在安装过程中,你需要选择“目录服务恢复模式”密码,这是一个用于在系统启动时恢复AD DS的重要安全措施。接着,确认DNS服务也被安装,因为AD DS依赖于DNS来解析域名和对象。 2. 创建域森林和域: ...

    阿里P8 架构师整理Java学习笔记.pdf

    分为一个Eden空间和两个Survivor空间(From和To),通常比例为8:1。 - **Eden区**: 用于存放新创建的对象。 - **SurvivorFrom/SurvivorTo**: 用于对象复制。 - **老年代(Old Generation)**: 存放经过多次Minor ...

    JVM笔记.docx

    1. 类装载器(ClassLoader):负责加载.class文件,将字节码内容解析并存储到内存中,同时根据双亲委派模型进行类的加载。类装载器分为启动类加载器(Bootstrap ClassLoader)、扩展类加载器(Extension ClassLoader...

    C#设计模式学习笔记

    C#中的事件处理和委派可以用于实现这种模式。 10. **命令模式**:将请求封装为一个对象,以便使用不同的请求、队列请求或日志请求。C#中的委托和事件系统支持命令模式。 这些模式的深入理解和应用,对于提升代码...

    jbpm4.4学习笔记

    1 工作流的概念 5 2 工作流的过程 7 3 Jbpm4.4介绍 7 3.1工作流引擎 8 3.2jpdl 8 3.3数据库 8 3.3.1资源库和运行时表结构 8 3.3.2历史数据库表 9 3.3.3身份认证表 9 3.4jbpm.cfg.xml 9 3.5 jbpm.hibernate.cfg.xml ...

    jvm笔记

    JVM 笔记 今天,我们要讨论的是 JVM 的笔记,这个笔记包括了 JVM 的基本结构、类加载机制、类文件格式等内容。 首先,让我们来看一下 JVM 的基本结构。JVM 可以分为三个部分:CLASS LOADER、RUN TIME DATA AREA 和...

    《深入理解C++11》读书笔记

    《深入理解C++11》是一本探讨C++11新特性的书籍,其中涵盖了诸如右值引用、移动语义、完美转发、左值与右值的区分、POD类型、列表初始化、继承构造函数、委派构造函数以及类型推导等核心知识点。 **右值引用**是C++...

    JVM学习资料+笔记

    1. 类加载机制:JVM按照类加载器、双亲委派模型、验证、准备、解析、初始化等步骤加载类。了解这一过程有助于理解类的生命周期和防止类冲突。 2. 字节码执行引擎:JVM通过解释器和即时编译器(JIT)来执行字节码,...

    jqery学习笔记

    - **3.3.2 事件委派**:`on('event', 'selector', function() {...})`支持事件委托,当事件在匹配的后代元素上触发时,处理函数会被调用。 4. **动画和效果**:jQuery的`animate()`, `fadeIn()`, `fadeOut()`, `...

    JVM和性能优化学习思维笔记.rar

    而类加载优化涉及到类的双亲委派模型和类加载器的自定义,有助于模块化和性能提升。 最后,思维导图作为一种有效的学习工具,可以帮助我们将复杂的JVM和性能优化知识梳理清晰,形成直观的知识框架。通过xmind这样的...

    JVM的学习笔记PDF版

    1. **JVM结构**:JVM主要包括类装载器、运行数据区、执行引擎、本地方法接口和本地库。类装载器负责加载类文件,运行数据区存储程序运行时的数据,执行引擎负责执行字节码,本地方法接口用于调用非Java语言编写的...

    JDK 6学习笔记——PPT简体版

    1. **Java基础** - **语法**:Java是一种面向对象的编程语言,具有严格的类型检查和垃圾回收机制,保证了代码的稳定性和安全性。 - **类与对象**:了解如何定义类,创建对象,并通过对象调用方法进行操作。 - **...

    张孝祥J2SE加强自学笔记(48-56)

    这是因为在Java的双亲委派模型中,加载请求会从顶级类加载器(ExtClassLoader)向下传递,如果父类加载器找不到,子类才会尝试加载。Servlet继承自HttpServlet,而HttpServlet是Tomcat提供的一部分,位于Tomcat的lib...

Global site tag (gtag.js) - Google Analytics