jQuery uses cookies to add special class attributes to the navigation column

When a user clicks on an <a> tag within a specified container, the link associated with that <a> tag is stored in a cookie. Upon page redirection, if the cookie's stored link matches the URL of the <a> tag, an attribute is added to that <a> tag; only one such cookie is stored. When the user clicks on another <a> tag within the same container, the link is updated directly.

$(document).ready(function() {
// 获取box里的所有a标签
var links = $('#selectBox a');

// 点击a标签时设置cookie并加上属性
links.click(function() {
    // 设置cookie
    var link = $(this).attr('href');
    document.cookie = "link=" + link + "; path=/";
    return true;
});

// 检查cookie并更新a标签链接
var link = getCookie("link");
if (link) {
    // alert(link)
    links.each(function() {
    if ($(this).attr('href') == link) {
        $(this).addClass('current');
    } 
    });
}
});

// 获取cookie
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
    var cookie = jQuery.trim(cookies[i]);
    if (cookie.substring(0, name.length + 1) == (name + '=')) {
        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
        break;
    }
    }
}
return cookieValue;
}

Common Navigation – Select