直接事件与事件委托

最近学了JQ 刚刚在网上看了点关于直接事件与事件委托的知识：

比如:这样两段代码：

$('ul li').on('click', function () {
   //todo 
});
$('ul').on('click','li', function () {
    //todo 
})

他们的区别是什么呢？在JQuery的官网上有详细的解释，第一段是说把事件直接绑定在li上，如果有100个li，就相当于绑定了100次的li，而且只能绑定在文档中已存在的li上，

后续添加的li是绑定不上的，比如通过ajax添加去的新的li，这就是直接事件绑定。

第二段是委托事件，只绑定了一次事件在li上，也可以监听到后续添加的li。