jQuery使用on代替bind

在实践中，经常会使用bind绑定click事件，本来没什么问题的，问题是数据是动态加载的，随时会有新的数据进来，不得已的就是每次有新数据进来，都要重新绑定事件，如下：

var bindEvent = function() {
    $(".demo").unbind("click").bind("click", function() {
        //TODO
    });
};

有时候新数据加入的点太多，便会有遗漏，后来用live，感觉有时候有莫名的bug，后来放弃了。
最后还是发现了on的好用之处

$(".demo-parent").on("click", ".demo", function(e) {
    //TODO
});

事件是绑定的父标签上的，通过父标签监听.demo的变化，所以有新数据的时候，也不需要重新绑定