$('document').on('click','.className',function() { });是把事件绑定到document上,页面每次有点击就会去判断是否动作相符;
$('.className').on('click',function() { });是把事件绑定到元素上;
$("className").on为onclick绑定，只有在页面onload的时候执行一次，当页面刷新后，新加载的具有className的元素便没有事件绑定到上面了，$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。
