首页 > 文章资讯 > 站长教程 > 建站知识 > jQuery 利用cookie给导航栏目添加特殊class属性

jQuery 利用cookie给导航栏目添加特殊class属性

时间：2023年10月23日

来源：网络

编辑：佚名

jQuery 点击指定盒子里的a标签后，将这个a标签的链接设置到cookie里面，当页面跳转后，如何设置cookie链接和a标签的url链接相同，则给这个a标签加上属性，cookie只存储一个，当点击盒子里的其他a标签后，链接直接替换
$(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;
}
常用导航选中

新闻资讯更多

猜你需要