JQuery On是一個非常實用的函數，可以為指定的對象綁定事件，實現動態綁定，同時也可以解除指定對象的事件綁定。

// 綁定事件
$("p").on("click", function(){
console.log("click event");
});
// 解除事件綁定
$("p").off("click");

在上面的例子中，我們使用 $("p") 選擇器選中了所有的段落對象，然后使用 JQuery On函數為這些對象綁定了一個 click 事件。當用戶點擊一個段落時，瀏覽器會調用控制臺中的 console.log 函數輸出 "click event"，實現了事件的響應。

除了 click 事件， JQuery On函數還可以綁定其他很多類型的事件，如 mouseenter 、 mouseleave 、 keyup 等等。只需要將 "click" 字符串替換成相應的事件類型即可：

// mouseenter 事件
$("p").on("mouseenter", function(){
console.log("mouseenter event");
});
// keyup 事件
$("input").on("keyup", function(){
console.log("keyup event");
});

總結來說， JQuery On函數可以方便地為指定對象綁定事件，并實現動態綁定，使網站交互效果更加豐富。