<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box {
width: 500px;
height: 500px;
background-color: pink;
}
</style>
</head>
<body>
<!--点击按钮,在div里面创建一个新的p元素-->
<input type="button" value="按钮" id="btn">
<div id="box">
<div>
<span>呵呵</span>
<p>11111</p>
<p>22222</p>
<p>33333</p>
<p>44444</p>
</div>
</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function () {
$("#btn").click(function () {
$("<p>我是新增加的p元素</p>").appendTo("div");
});
//delegate:代理,委托
//1. 给父元素