在前端开发中，经常需要在用户交互时改变页面元素的样式。而jQuery的点击事件是实现这一功能的常用方法。

$(selector).click(function(){
  //代码块
});

首先，需要定义一个选择器来选择需要绑定点击事件的元素，然后使用click()方法给该元素绑定点击事件。其中，代码块中的内容可以是任何JavaScript语句，用于定义样式的改变。

例如，可以在代码块中使用CSS()方法来添加或更改某个样式属性的值。

$(selector).click(function(){
  $(this).css("color", "red");
});

在这个例子中，点击选择器所选元素后，它的文本颜色将会变成红色。此外，这个代码块中的$(this)表示当前点击的元素，可以在此基础上对该元素进行各种操作。

除了改变单个属性的值，还可以使用toggleClass()方法来切换元素的样式类。

$(selector).click(function(){
  $(this).toggleClass("active");
});

在这个例子中，使用toggleClass()方法来添加或删除样式类“active”，可以按照需要定义该类的样式属性。当元素没有该类时，添加类；当元素已经有该类时，删除类。

通过使用jQuery的点击事件，并结合CSS()方法、toggleClass()方法等，我们可以很容易地实现对元素样式的动态改变。