且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何删除现有的类名并添加一个带有jQuery和cookie的新名称?

更新时间:2023-11-21 17:58:52

使用:

$('.red').removeClass('red').addClass('blue');

这是完整的工作代码

$(function() {
    $("a").click(function() {
        var color = $(this).text();
        $("body").removeClass().addClass(color);
        return false;
    });
});

现在为cookie部分

And now for the cookie part

$(function() {
    $("a").click(function() {
        var color = $(this).text();
        $("body").removeClass().addClass(color);
        createCookie("color",color);
        return false;
    });

    if (readCookie("color") != null) {
      $("body").removeClass().addClass(readCookie("color"));

    }
    else {
      $("body").removeClass().addClass("red");
    }
});

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else
        var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
    }

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ')
                c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0)
                return c.substring(nameEQ.length,c.length);
        }
        return null;
    }

    function eraseCookie(name) {
    createCookie(name,"",-1);
}

这里的工作示例。感谢 QuirksMode 了解预制的cookie代码(cookie-cutter cookie代码) ?)

Working example here. A thank you to QuirksMode for the pre-made cookie code (cookie-cutter cookie code?)