jquery.cookie.js使用案例

最新推荐文章于 2025-02-20 14:08:43 发布

前端之家

最新推荐文章于 2025-02-20 14:08:43 发布

阅读量157

点赞数

分类专栏： H5开发 js cookie

本文链接：https://blog.youkuaiyun.com/qq_41761746/article/details/120179348

版权

jQuery Cookie 页面元素显示状态前端开发

关键词由优快云通过智能技术生成

H5开发同时被 3 个专栏收录

11 篇文章

订阅专栏

7 篇文章

订阅专栏

1 篇文章

订阅专栏

该段代码展示了如何利用jQuery和Cookie来管理页面中元素的显示。当用户访问页面时，如果Cookie中's'不存在或者其值为'undefined'，则显示第一个.m-bma元素；否则，根据Cookie中的's'值隐藏对应的.m-bma元素，并设置'gj' Cookie为'1'，有效期为30天。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用cookie判断元素是否存在，保留当前状态

 $(document).ready(function () {
        var hasread =   $.cookie('gj');
        var s = $.cookie('os');
        if(s == undefined || s == 'undefined')
        {
            $(".m-bm a").eq(0).show();
        }else {
            $(".m-bm a").eq(s).hide();
        }
        $.cookie('gj','1',{ expires: 30 });
}