在 jQuery 中，on() 函數(shù)是一個(gè)非常有用的函數(shù)，它可以綁定一個(gè)或多個(gè)事件和事件處理函數(shù)，這使得我們可以很方便地為 DOM 元素添加和移除事件。

下面是 jQuery 的 on() 支持的事件類(lèi)型:

"click" // 單擊
"dblclick" // 雙擊
"mouseenter" // 鼠標(biāo)移入
"mouseleave" // 鼠標(biāo)移出
"hover" // 鼠標(biāo)移入移出
"mousedown" // 鼠標(biāo)按下
"mouseup" // 鼠標(biāo)松開(kāi)
"mousemove" // 鼠標(biāo)移動(dòng)
"keydown" // 按鍵按下
"keyup" // 按鍵松開(kāi)
"keypress" // 按鍵按下松開(kāi)
"blur" // 失去焦點(diǎn)
"focus" // 獲取焦點(diǎn)
"change" // 值改變
"submit" // 提交表單
"resize" // 改變窗口大小
"scroll" // 滾動(dòng)
"contextmenu" // 右擊菜單
"load" // 加載完成
"unload" // 卸載
"error" // 錯(cuò)誤

我們可以使用 on() 函數(shù)來(lái)為任何一個(gè) DOM 元素綁定上述事件類(lèi)型，例如：

$(document).ready(function(){
$("p").on("click", function(){
$(this).hide();
});
});

上面的代碼表示，當(dāng)鼠標(biāo)單擊 "p" 元素時(shí)，隱藏該元素。

我們還可以使用 on() 函數(shù)來(lái)為多個(gè)事件類(lèi)型綁定同一個(gè)事件處理函數(shù)，例如：

$(document).ready(function(){
$("p").on("mouseenter mouseleave", function(){
$(this).toggleClass("highlight");
});
});

上面的代碼表示，當(dāng)鼠標(biāo)移入或移出 "p" 元素時(shí)，切換該元素的 CSS 類(lèi)。

總之，在 jQuery 中，使用 on() 函數(shù)來(lái)為 DOM 元素綁定事件是非常方便和靈活的。