JQuery中有一个很重要的事件叫做on事件，它可以方便我们动态绑定事件，使得我们的页面变得更加灵活、可控。

我们先看一下on事件的基本语法：

$(selector).on(event, childSelector, data, handler);

其中，selector表示选择器，event表示事件名，childSelector表示子元素选择器，data表示传递的数据，handler表示事件处理函数。

下面我们举个例子：

$(document).on('click', '#btn', function(){alert('点击了按钮');});

这段代码的意思是在整个文档中动态绑定一个点击事件，当点击id为btn的按钮时，执行一个弹窗框提醒用户点击了按钮。

需要注意的是，on事件可以绑定多个事件处理函数，代码如下：

$(selector).on({event1: function(){//处理event1事件},event2: function(){//处理event2事件}});

除了常用的click事件，还有很多其他事件，比如keyup、hover等等。

最后，我们需要注意解除事件绑定，避免内存泄漏：

$(selector).off(event, childSelector, handler);

如有需要，我们可以通过off事件解除on事件绑定的事件处理函数。

以上就是关于JQuery中on事件的详细介绍，希望能对大家有所帮助。