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:一個選擇器字符串用于過濾器的觸發(fā)時間的選擇器元素的后代，即要綁定事件的dom元素選擇器
data:當一個事件被觸發(fā)時要傳遞event.data給事件處理函數(shù)反粥。
fn:該事件被觸發(fā)時執(zhí)行的函數(shù)
on方法實現(xiàn)的一個重要原因是js的事件冒泡，就是子元素產(chǎn)生的事件會一直冒泡到最頂級的父級元素糙臼，并且能夠父級元素監(jiān)測到。
參考：https://blog.csdn.net/m0_37263637/article/details/79001094
