今天我们来学习如何使用jQuery来制作一个导航的动态效果，当点击当前导航时，该导航会有所提示。

首先，在HTML文件中，我们需要为导航添加class属性来标识它们：

<ul>
  <li class="nav-item"><a href="index.html">首页</a></li>
  <li class="nav-item"><a href="about.html">关于我们</a></li>
  <li class="nav-item"><a href="contact.html">联系我们</a></li>
</ul>

然后，在jQuery中，我们可以使用addClass和removeClass方法来控制导航的样式：

$(document).ready(function() {
  $('.nav-item').click(function() {
    $('.nav-item').removeClass('active');
    $(this).addClass('active');
  });
});

在上面的代码中，我们首先使用click方法来绑定导航项的点击事件。当一个导航项被点击时，我们会先将所有导航项的“active”类移除，然后再为当前项添加“active”类。

最后，我们还需要使用CSS来定义“active”类的样式，以便在点击导航时有视觉上的提示：

.active {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
}

上面的CSS代码只是一个简单的例子，你可以根据自己的需求来定义“active”类的样式。