js-jQuery delegate on(重点)
2019-08-21 本文已影响0人
AssertDo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" id="btn" value="增加一行" />
<div id="dv">
<p>11111</p>
<p>22222</p>
</div>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function(){
//新建p
$("#btn").click(function(){
$("<p>new p</p>").appendTo("div");
});
//on注册事件
//on 注册简单事件
$("p").on("click",function(){
console.log("动态添加的p没有事件");
});
//on 注册委托事件
$("div").on("click","p",function(){
console.log("动态添加的p也会有事件");
});
});
</script>
</body>
</html>
