在前端开发中，有时需要为元素添加点击后的效果，比如改变背景颜色或文字颜色等。使用jQuery可以很方便地实现这个功能。

$('selector').click(function(){
    $(this).addClass('active');
});

以上代码中，selector是需要添加点击效果的元素选择器，addClass()是jQuery提供的添加样式的方法，active是自定义的样式名称。

通过点击selector，jQuery会动态地为该元素添加active样式，从而显示出我们预期的效果。

除了添加样式，我们也可以使用removeClass()方法来移除已有的样式，具体代码如下：

$('selector').click(function(){
    $(this).addClass('active').siblings().removeClass('active');
});

以上代码中，siblings()是选择元素的兄弟元素，removeClass()方法可以移除已有的样式，从而实现一种只有当前元素有样式的效果。

通过使用jQuery，我们可以快速实现点击时添加样式的效果，提升网站的用户体验。