jQuery是一款简化HTML文档遍历和操作、事件处理、动画效果和AJAX等的JavaScript库。它被广泛应用于Web开发中的页面效果和交互操作，而其中一个重要的功能是与CSS的结合使用。

在jQuery中，可以使用on()方法来实现CSS的事件绑定。on()方法允许你为选定的元素附加一个或多个事件处理程序，它的语法结构如下：

$(selector).on(event,childSelector,data,function)

其中，selector表示选定的元素或元素组，可以是元素名称、类名或ID；event表示事件名称，如click、mouseover等；childSelector表示要附加事件的子元素选择器；data表示传递给事件处理程序的数据；function则是事件触发时要执行的函数。

例如，以下代码为HTML文档中id为myBtn的按钮元素附加了一个click事件：

$("#myBtn").on("click",function(){
$(this).css("background-color","red");
});

上述代码中，当按钮被点击时，它的背景色将被改为红色。可以看到，通过jQuery的on()方法，我们可以轻松地为HTML元素绑定事件并操作CSS样式，进而实现页面效果的控制。