两种写法哪个更好？
1. $(document).on 将事件委托document， $('#idname').on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。JS渲染效率很高，所以此异同基本可以忽略。
2. $("className").on 为onclick绑定，只有在页面onload时执行一次。页面刷新后，新加载的具有className的元素便没有事件绑定到上面了。相反$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。
如图，比方说我有一个函数，而我们需要点击按钮触发指定的函数，这就用到了绑定事件的方法。
如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。
如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。
当然，也可以给按钮设定一个ID，然后我们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的，这种方法代码比较多，想用哪种看你自己哦。
需要特别注意一点的是，如果用了第二种方法，当要获取id时，如果script脚本写在head里面，则要加上window.onload哦。如果是写在body后面，则不需要写window.onload。
onclick是js里面给标签绑定点击事件的方法，通常写在html的元素上，而click方法在addEventListener()中使用，此方式可以给一个元素添加多个事件句柄，只在js中使用，可读性更强，更灵活。但前者的优先级高于后者。
