jQuery使用on()绑定动态生成元素的事件无效的问题

jQuery的on()方法可以绑定动态生成元素的事件，但是在实际使用时发现无效。如下HTML：

<p>
    <a>123</a>
</p>

使用如下方式，对静态元素有效，但是绑定动态生成的a元素的事件时无效：


$('a').on('mouseenter', function(){
    ............
});


需要绑定a的父级元素（此元素必须为静态元素，不是后来动态生成的），然后设定on()方法的selector参数才行：

$('p').on('mouseenter', 'a', function(){
    ..............
});

这样才是正确的