jquery - 如何在 jquery/css 中设置 session 变量？

Question

jQuery(document).ready(function($){
    $("#a2").click(function(){
        $('body').css("cssText","font-size: 107% !important");
    });
});

jQuery(document).ready(function($){
    $("#a3").click(function(){
        $('body').css("cssText","font-size: 114% !important");
    });
});

jQuery(document).ready(function($){
    $("#a4").click(function(){
        $('body').css("cssText","font-size: 121% !important");
    });
});

我已经为 A、A+、A++ 按钮提供了 a2、a3、a4 id。每当我网站的访问者单击这些按钮中的任何一个时，整个网站的字体大小都会相应改变。现在字体大小正在改变，但是当我刷新页面时，它再次显示默认字体大小。我怎样才能做到这一点？我需要使用 session 吗？以及如何在 css 或 jquery 中使用它？我是网站开发的新手。所以请帮助我。

Answer 1

以下是我编写的代码，运行良好。 我正在分享它，以便其他人可以引用。

jQuery(document).ready(function($){
    var fontCookie = get_cookie('fontclass');
    if(fontCookie) {
        jQuery('body').addClass(fontCookie);
    }
    $("#a2").click(function(){
        jQuery('body').removeClass('body-18');
        jQuery('body').addClass('body-16');
        var now = new Date();
            var time = now.getTime();
            time += 3600 * 1000 * 700;
            now.setTime(time);
            document.cookie = 
            'fontclass=body-16' + 
            '; expires=' + now.toGMTString() + 
            '; path=/';
        event.preventDefault();
    });
});

像这样我已经为 a1 和 a3 添加了函数，我也在其中根据我的要求添加和删除 css 类。