1、第一种
$("#btn").click(function(){
操作
})
2、第二种
document.getElementById('#foo').addEventListener('click', function(){});
3、第三种
（1）绑定
<button type="submit" id="btn" οnclick="btn()">btn</button>
（2）事件
function btn(){
...
}
4、第四种
$('#btn').bind('click', function();
5、第五种
$("btn").on("click",function(){});
结论：
第一种和第二种的效果是一样，可以附加多个事件处理函数，并不是只有使用jquery才能做到。
第三种方法不推荐使用，原则上HTML代码只能体现网页的结构，具体的行为应该使用javascript代码进行绑定。
除非页面上绑定事件的元素超过上万个，否则响应速度的时候就不必纠结了，只做个事件绑定还是很快的。我测试了一下，使用addEventListener绑定3000次，耗时3-4毫秒。
如果项目中统一使用jQuery的话，建议使用第一种做法，顺便还解决了IE的不兼容问题。
个人喜欢用第一种和第三种，清晰！！！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
