如何给jquery给动态生成的dom绑定事件

<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