jQuery中的on()函數(shù)是一個(gè)非常強(qiáng)大的事件處理函數(shù)，我們可以利用它為已有的函數(shù)添加事件監(jiān)聽(tīng)器。下面我們來(lái)舉個(gè)例子。

// HTML代碼點(diǎn)擊我// Javascript代碼
function myFunction() {
alert("Hello World!");
}
// jQuery代碼
$("#btn").on("click", myFunction);

在這個(gè)例子中，我們有一個(gè)簡(jiǎn)單的按鈕，當(dāng)它被點(diǎn)擊時(shí)，我們想要彈出一個(gè)對(duì)話框來(lái)顯示"Hello World!"。

首先，我們定義了一個(gè)名為myFunction()的函數(shù)，并在這個(gè)函數(shù)中使用了alert()函數(shù)來(lái)顯示對(duì)話框消息。接著，我們使用jQuery的on()函數(shù)來(lái)將該函數(shù)附加到按鈕上。on()函數(shù)的第一個(gè)參數(shù)是要監(jiān)聽(tīng)的事件類型，這里我們使用了"click"。第二個(gè)參數(shù)是要執(zhí)行的回調(diào)函數(shù)，這里我們傳遞了名為myFunction的函數(shù)。

當(dāng)按鈕被點(diǎn)擊時(shí)，瀏覽器將自動(dòng)調(diào)用myFunction()函數(shù)，彈出一個(gè)對(duì)話框來(lái)顯示"Hello World!"。這就是通過(guò)jQuery on()函數(shù)為已有函數(shù)添加事件監(jiān)聽(tīng)器的方法。