JQuery是一個非常流行的JavaScript框架，它提供了很多方便的功能，其中之一就是on()方法。on()方法可以用來綁定事件處理程序，例如點擊、鼠標移動等。

在JQuery中，我們一般使用on()方法來為元素添加事件處理程序，它可以接受一個或多個事件類型，以及一個回調函數。例如：

$('button').on('click', function() {
alert('Hello World');
});

上面的代碼表示當用戶點擊button元素時，會彈出一個提示框顯示"Hello World"。這是一種最基本的使用on()方法的方式。

on()方法還有另一種使用方式，可以接受一個對象作為參數。這個對象可以包含多個事件和回調函數。例如：

$('button').on({
mouseenter: function() {
$(this).css('background-color', 'red');
},
mouseleave: function() {
$(this).css('background-color', 'green');
},
click: function() {
alert('Hello World');
}
});

上面的代碼表示當用戶鼠標移入button元素時，會將其背景色改為紅色；當用戶鼠標移出button元素時，會將背景色改為綠色；當用戶點擊button元素時，會彈出一個提示框顯示"Hello World"。這里使用了一個對象來傳遞多個事件和回調函數。

除了綁定事件處理程序，on()方法還可以用來委派事件處理程序。當我們需要對一個容器中的所有子元素進行相同的事件綁定時，這種方式非常有用。例如：

$('#container').on('click', 'button', function() {
alert('Hello World');
});

上面的代碼表示當用戶點擊container容器中的任意一個button元素時，會彈出一個提示框顯示"Hello World"。這種方式可以為動態添加的元素綁定事件處理程序，因為它們可能在文檔準備好之前并不存在。

總的來說，on()方法是JQuery中非常有用的一個函數，它可以為元素添加事件處理程序、綁定多個事件和回調函數、委派事件處理程序等。我們需要根據實際需求選擇不同的參數傳遞方式，使代碼更加簡潔和高效。