jsp选项卡切换

最近在敲代码时遇到了选项卡切换的问题，即怎样在选项卡切换的同时改变选项卡的样式，使选项卡凸显出来。我尝试了单击事件onClick+addClass(),但是选项卡里有链接，点击的时候刷新了页面导致样式失效。我在网上找了很多方法都没有太好的效果，直到我找到了下面这个：

先上选项卡代码：

<ul class="nav nav-tabs">
<li><a
href="${ctx}/console/console/listAll?rType=1">消息提醒</a></li>
<li><a
href="${ctx}/console/console/listAll?rType=2">近期事项</a></li>
<li><a
href="${ctx}/console/console/listAll?rType=3">固定事项</a></li>

</ul>

下面是处理代码：

    $(function(){

            $('.nav-tabs a').filter(function() {

               return this.href === document.URL;  //获取当前页面的地址

            }).closest('li').addClass('active');  //给当前最靠近的li（其实是现在进入的li）添加‘active’样式

         })