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

<div class="box">   

        <div class="wrap fl">  //动态生成的DOM元素

            <span class="btnClick">需要添加事件的元素</span>
                    
        </div>
</div>

无效写法:
$(".btnClick").click(function(){
console.log(123)
});

正确写法：（使用on给dom操作的上一级或者祖先元素绑定）
$(".box").on("click",".btnClick",function(){
console.log(123)
});

分析: 

on(events,[selector],[data],fn)

events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略，当它到达选定的元素，事件总是触发。

data:当一个事件被触发时要传递event.data给事件处理函数。

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。