关于js jquery动态生成的元素增加点击事件不起作用

$(“#a”).click(function(){

console.log('静态元素，可以显示；但是js动态生成的元素就不生效了')

})

网上有一个on方法，可以给动态元素绑定事件，像这样：

$("#a").on('click',function(){

console.log('动态元素点击事件，还是不生效，为什么呢？往下看')

})

应该这样做（这是本人适错适出来的，具体原理咱也不懂）

先获取动态元素的父级以上是静态元素的

<div id="p">静态元素

<div>

<div id='a'>动态生成的元素</div>

</div>

</div>

jquery代码：

$('#p').on('click','#a',function(){

console.log('这样，就成功绑定动态生成元素的点击事件了')

})