jquery怎么实现页面刷新后保留鼠标点击addclass的样式

原文：

感谢所以回答问题的人。 比较好的办法是使用url传参数，然后根据参数判断是否有必要显示class

但是更好的办法是下面这段JS

<span style="font-size:18px;">$('ul.main-menu li a').each(function(){
    if($($(this))[0].href==String(window.location))
        $(this).parent().addClass('active');
});</span>

实际项目中，经过我的改造如下：

<span style="font-size:18px;"><ul class="expend" id="citybox">
          <li class="active"> <a href="{:U('Weixin/index')}"> 全部 </a> </li>
          <volist name="My_areas_info" id="data">
            <li class="">
              <notempty name="catid"> <a href="{:U('Weixin/index',array('area_id'=>$data[id],'catid'=>$catid))}"> {$data.area_name} </a>
                <else />
                <a href="{:U('Weixin/index',array('area_id'=>$data[id]))}"> {$data.area_name} </a> </notempty>
            </li>
          </volist>
        </ul></span>

<pre name="code" class="javascript"><span style="font-size:18px;"> <script src="{$Think.const.JS_URL}jquery-1.7.1.min.js" type="text/javascript"></script> 
        <script>
            $(document).ready(function(){
				$('#citybox li a').each(function(){
					if($($(this))[0].href==String(window.location)){
						$('#citybox li').removeClass("active");
						$(this).parent().addClass('active');
					}	
				});
            });
            </script> </span>

图片截图如下：

模板html

jquery如下：