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

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

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

[javascript]  view plain  copy

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

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

[html]  view plain  copy

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

[html]  view plain  copy

1. <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>   
2.         <script>  
3.             $(document).ready(function(){  
4.                 $('#citybox li a').each(function(){  
5.                     if($($(this))[0].href==String(window.location)){  
6.                         $('#citybox li').removeClass("active");  
7.                         $(this).parent().addClass('active');  
8.                     }     
9.                 });  
10.             });  
11.             </script> </span>  

图片截图如下：

模板html

jquery如下：