<!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()这个函数可以将事件处理绑定到现在已经存在的, 包括将来会被添加进去的节点中去。
分享到:
相关推荐
Red Hat RHCSA8 相关学习笔记,权限管理之权限委派
1.sqlSessionFactory 工厂 3. getInstance ,Cache 单例 4. 委派 (单词忘了)装饰 5.InterceptorChai
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 ...
学习笔记较长,如果想查看文章的目录,chrome浏览器可以配合简悦插件使用,或者下载到本地使用Typora打开。 :hot_beverage: Java基础 Java容器 Java并发 数据结构和算法 数据结构 树 图 算法 分治 动态规划 回溯 ...
百度地图开发java源码 MD-Notes:后端笔记总结 关于 MD-Notes: 业余时间学习技术的同时,做一些记录和总结并乐于分享。 日常主要接触 Web 前后端开发、Linux ...:类加载过程,双亲委派机制 :syncro
java汽车租赁源码任务描述 ...笔记 您可以使用您最熟悉的编程语言。 更喜欢java,因为它是公司标准。 把事情简单化 汽车模型 有存货 丰田凯美瑞 2 宝马650 2 交货时间:四天 OOP 对象类:汽车客户票
双亲委派机制 │ 15-附录5.空指针异常产生的原因 │ 16-附件7.列编辑 │ ├─众筹项目-第04天《Atcrowdfunding》 │ ├─代码 , R4 H* ~+ j3 g+ ?# \% P+ c │ ├─笔记, ^% P) P8 t. Y/ u n/ s8 [; l │ └─视频4...
双亲委派 JVM性能调优监控工具 设计模式 消息中间件 RocketMQ 概念 RocketMQ 特性 RocketMQ 集群 RocketMQ 事务 RocketMQ 常见问题 数据库 Redis 基本数据结构 进阶使用 持久化 集群 分布式锁 Client API 常见问题 ...
nixos-配置 ... 它被委派给服务器任务以及任何可能花费一些时间而无需太多担心的事情。 沙池 日语为orca,这是シャチ的音译。 这是带有64 GB内存的Ryzen 5 3600和RX5700 GPU。 这个生成是一个顶点掠食者。
笔记 内存中(默认) 记忆体 在记忆中 委派 默认配置文件(不使用PasswordEncoder) 数据库 D B JDBC 没有 通过jdbcAuthentication方法(嵌入式DB的Maven依赖项) 客户服务 USER_SERVICE USER_DETAIL_SERVICE ...