對按鈕的總結：給按鈕添加綁定事件：
<button type =“submit”id =“btn”> btn </ button>
第一種：
$（“＃btn”）。click（function（event）{
第二種：
document.getElementById（'＃foo'）。addEventListener（'click'，function（）{
}）;
第三種：
html代碼：
<button type =“submit”id =“btn”onclick =“btn（）”> btn </ button>
js代碼：
function btn（）{
}
第四種：
$（'＃btn'）。bind（'click'，function（）;
第五種：
$（“btn”）。on（“click”，function（）{}）;
結論：
第一種和第二種的效果是一樣，可以附加多個事件處理函數，並不是只有使用jquery才能做到。第三種方法不推薦使用，原則上HTML代碼只能體現網頁的結構，具體的行爲應該使用javascript代碼進行綁定。
除非頁面上綁定事件的元素超過上萬個，否則響應速度的時候就不必糾結了，只做個事件綁定還是很快的。我測試了一下，使用的addEventListener綁定3000次，耗時3- 4毫秒。
如果項目中統一使用jQuery的話，建議使用第一種做法，順便還解決了IE的不兼容問題
。---------------------
作者：StromRui
來源：CSDN
原文：HTTPS：//blog.csdn.net/kye055947/article/details/79619538
版權聲明：本文爲博主原創文章，轉載請附上博文鏈接！