如何使用jquery.cookie记录访问的菜单状态

2024-11-17 01:38:54

1、进行web开始的时候,首先在页面中需要引入两个js库,方便后续使用js库。及进行代码编写,特别注意,jquery cookie是依赖jquery库,引入的时候要将jquery放在前面

如何使用jquery.cookie记录访问的菜单状态

3、开始编写js代码,代码如下截图,红色部分需要特别注意的footer为步骤二代码里面的footer给每个a标签添加点击事围泠惶底件$("#footer").find("a").click(function(){//移除a里面的样式 $("#footer").find("a").removeClass("active");//当前选择的下标 var index = $("#footer").find("a").index(this);//记录下标 $.cookie("current", index);//同时添加记录样式 $(this).addClass("active"); });

如何使用jquery.cookie记录访问的菜单状态

4、判断coo氯短赤亻kie中是否已经存放的有用户的状态if ($.cookie("current")!= nu造婷用痃ll){//获取记录的状态 var num = $.cookie("current");//当前下标的元素添加样式 $("#footer").find("a").eq(num).addClass("active"); }

如何使用jquery.cookie记录访问的菜单状态

6、下图我运行的结果,打开页面记录了用户访问的记录,同时进行操作时不用在后台麻烦的记录用户状态

如何使用jquery.cookie记录访问的菜单状态
猜你喜欢