image.png
<div class="c1 cf">
<div class="home fl">
<img src="img/header/home.png"/>
</div>
<div class="selected fl"> //dom操作生成的元素
<span class="sel-span">水权管理</span>
<img class="sel-img" src="img/cha.png"/>
</div>
</div>
无效写法:
$("#user .regist ").click(function(){
console.log(111)
});
正确写法：（给dom操作的上一级绑定）
$(".c1").on("click",".selected",function(){
console.log(111)
})
分析：
on(events,[selector],[data],fn)
events:一个或多个空格分隔的事件类型和可选择的命名空间，例如“click”或者"keydown.myPlugin"
selector:一个选择器字符串用于过滤器的触发时间的选择器元素的后代，即要绑定事件的dom元素选择器
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数
on方法实现的一个重要原因是js的事件冒泡，就是子元素产生的事件会一直冒泡到最顶级的父级元素，并且能够父级元素监测到。
参考：https://blog.csdn.net/m0_37263637/article/details/79001094
