jQuery是一種JavaScript框架，是開發(fā)時最常用的工具之一。它具有一些高級的功能，例如on(),允許程序員添加事件監(jiān)聽器，以便更好地控制代碼的行為。

on()方法可以在一個或多個元素上綁定一個或多個事件處理程序。還可以使用on()方法來委托事件處理程序來處理當(dāng)前或未來的元素。委托允許您在頁面上動態(tài)添加或刪除元素時，更加細(xì)精度、更靈活地在處理程序中對其進(jìn)行操作。

下面是一個例子，演示如何使用jQuery來將事件綁定到單個元素：

$(document).ready(function(){
$("button").on("click", function(){
alert("Hello world!");
});
});

在上面的代碼中，我們首先使用jQuery的ready()方法來確保頁面完全加載后再執(zhí)行代碼。在這個例子中，我們選擇所有元素，并使用on()方法來添加一個click事件。當(dāng)用戶單擊這個元素時，將彈出一個警告框，顯示"Hello world!"。

接下來是一個例子，演示如何使用on()方法來代理事件：

$(document).ready(function(){
$("#container").on("click", "button", function(){
$(this).css("background-color", "red");
});
});

在上面的代碼中，我們選擇一個名為"container"的元素，并使用on()方法將click事件委托給它的所有

元素。當(dāng)用戶單擊一個按鈕時，將更改其背景顏色為紅色。

最后，on()方法還可以一次綁定多個事件和事件處理程序，如下所示：

$(document).ready(function(){
$("button").on({
mouseenter: function(){
$(this).addClass("hover");
},
mouseleave: function(){
$(this).removeClass("hover");
},
click: function(){
alert("Hello world!");
}
});
});

在上面的代碼中，我們選擇所有

元素，并使用on()方法一次綁定三個事件處理程序：mouseenter，mouseleave和click。當(dāng)鼠標(biāo)指針進(jìn)入或離開按鈕時，將添加或刪除一個"hober"類。當(dāng)用戶單擊按鈕時，將彈出一個警告框，顯示"Hello world!"。