jquery编写web页面头部分类的选中事件$.cookie("currentIndex", index, { path: '/'});

       在这个里面：超链接里面若是有"_blank",将会不起作用。

1、Jsp页面：头部div

<div class="header">

    <div class="enterprise_logo">
        <a href="${ctx}/"><img src="${ctx}/resources/images/newline-logo.png" width="320" height="30" title="东莞新航线有限公司" alt="东莞新航线有限公司" /></a>
    </div>
    <div class="enterprise_nav">
        <ul>
            <li><a href="${ctx}/">首页</a></li>
            <li class="active"><a href="javascript:void(0)">简历中心</a>
            <div class="son_nav">
                    <ul>
                        <li><a href="${ctx}/personIndex">我的新航线</a></li>
                        <li><a href="${ctx}/resume/toMoreResume">简历管理</a></li>
                        <li><a href="${ctx}/positionFavorites/list">职位收藏夹</a></li>
                        <li><a href="${ctx}/applicationFeedBack/myDeliveryRecord">我的投递记录</a></li>
                    </ul>
                 </div>
            </li>
            <li><a href="${ctx}/postedPosition/toSearch">职位搜索</a></li>
            <li><a href="#" οnclick="alert('功能更新中')">智能测评</a></li>
            <li><a href="#" οnclick="alert('功能更新中')">高端招聘</a></li>
        </ul>
    </div>
    <div class="settings">
        <ul>
            <li class="arrow_bottom"></li>
            <li class="add_person"></li>
            <li class="set_system">
                <ul class="son_set">
                    <li><a href="javascript:void(0)" οnclick="alert('功能更新中')">普通用户设置</a></li>
                    <li><a href="javascript:void(0)" οnclick="alert('功能更新中')">修改用户信息和密码</a></li>
                    <!-- <li><a href="javascript:void(0)" οnclick="alert('功能更新中')">设置信件模板</a></li>
                    <li><a href="javascript:void(0)" οnclick="alert('功能更新中')">管理员专用设置</a></li>
                    <li><a href="javascript:void(0)" οnclick="alert('功能更新中')">管理所有用户</a></li> -->
                </ul>
            </li>
        </ul>
    </div>
    <div class="clear"></div>
</div>

2、页面引进cookie的js:

       <script type="text/javascript" src="${ctx}/resources/js/jquery.cookie.js"></script>

3、切换表头的<li>之后，选中效果

<script>
$(document).ready(function() {
$(".enterprise_nav .son_nav li a").click(function() {
var index = $(this).parents(".son_nav").parents("li").index();
$.cookie("currentIndex", index, { path: '/'});
});
$(".enterprise_nav > ul > li > a").click(function() {
var index = $(this).parents("li").index();
$.cookie("currentIndex", index, { path: '/'});
});

selectedActive();
});


function selectedActive() {
if($.cookie("currentIndex") != null) {
var curIndex = $.cookie("currentIndex");
$(".enterprise_nav > ul > li").removeClass('active').eq(curIndex).addClass('active');
}
}
</script>