说明
on() 属于 动态加载，当页面加载完，可以为 新增加的元素添加事件。但是必须选定 父级元素
与click()区别
click() 属于 静态加载，当页面加载完，就 不在为新增加的元素 添加点击事件
例子
<script type="text/javascript">
$(function(){
$("#div1").on("click",":button",function(){
$("p").append("<button class='bt'>222</button>");
});
});
</script>
</head>
<body>
<div id="div1">
<button class="bt">111</button>
<p></p>