在前端開發(fā)中，經(jīng)常需要對(duì)多個(gè)元素同時(shí)進(jìn)行事件綁定，這個(gè)時(shí)候jquery的on方法就非常方便了。

$(document).on('click', '.class-selector', function() {
// 執(zhí)行代碼
});

上面的代碼會(huì)在整個(gè)document上監(jiān)聽click事件，當(dāng)事件源是class為class-selector的元素時(shí)，就會(huì)執(zhí)行綁定的函數(shù)。

需要注意的是，使用on方法綁定事件時(shí)，可以直接傳遞函數(shù)作為第二個(gè)參數(shù)，也可以傳遞一個(gè)字符串選擇器加函數(shù)作為參數(shù)，如下所示：

$('.class-selector').on('click', function() {
// 執(zhí)行代碼
});

上面的代碼就是用class為class-selector的元素來(lái)監(jiān)聽click事件，并執(zhí)行綁定的函數(shù)。

如果想要同時(shí)監(jiān)聽多個(gè)事件類型，可以通過(guò)空格分割事件類型來(lái)實(shí)現(xiàn)：

$('.class-selector').on('click touchstart', function() {
// 執(zhí)行代碼
});

上面的代碼就會(huì)在class為class-selector的元素上，同時(shí)監(jiān)聽click和touchstart事件，并執(zhí)行綁定的函數(shù)。

總之，使用jquery的on方法來(lái)對(duì)多個(gè)元素進(jìn)行事件綁定，可以大大提高代碼的可閱讀性和可維護(hù)性，是一個(gè)非常好用的工具。