jquery cookie插件使用

转自：http://www.gbin1.com/technology/jqueryhowto/20111230jqueryjscookie/

jQuery本身没有相关处理Cookie的方法，但是使用某些插件我们同样可以处理cookie，这里我们使用一个特别的jQuery插件：Cookie plugin

设置cookie：

$(document).ready(function(){      
    // 设置一个网站cookie, 浏览器重启后会丢失     
    $.cookie("website","GBin1.com");      
    // 设置另外一个demo cookie     
    $.cookie("demo",text,{expires: 7, path: '/', domain: 'www.gbin1.com'});      
    // "text" 是cookie值
});


读取cookie：

$(document).ready(function(){      
    // 取得 website cookie:     
    var str = $.cookie("website");      
    // str 现在等于 GBin1.com
});


删除Cookie：

$(document).ready(function(){      
    // 删除cookie
    var str = $.cookie("website",null);      
    // No more kittens
});

 
使用增加版本，你可以同时处理多个cookie，如下：

// 设置多个cookies
$.cookie({ 'cookie1':'value1', 'cookie2':'value2' });

例子：

<html>
<head>
    <title>test</title>
    <script src="jquery-1.7.2.min.js"></script>
    <script src="jquery.cookie.js"></script>
    <script>
            //创建cookie
            function set_cookie() {
                $.cookie("json", '\"name\":\"aa\"');
            }
            //获得cookie
            function get_cookie() {
                var str = $.cookie("json");
                alert(str);
            }
            //删除cookie
            function del_cookie() {
                var str = $.cookie("json",null);
                alert(str);
            }
    </script>
</head>
<body>
<a href="javascript:set_cookie()">set_cookie</a>
<a href="javascript:get_cookie()">get_cookie</a>
<a href="javascript:del_cookie()">del_cookie</a>
</body>
</html>
posted @ 2013-01-04 16:31  horizon~~~  阅读(264)  评论(0)  编辑  收藏  举报