jQuery-操作-Cookies

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术
当你浏览某网站时，你硬盘上会生产一个非常小的文本文件，它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。 
当你再次来到该网站时，网站通过读取Cookies，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等等。从本质上讲，它可以看作是你的身份证。

使用传统的Javascript来设置和获取Cookies信息很麻烦，要写上几个函数来处理，幸运的是jQuery帮我们做了很多事，借助jQuery插件，我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件：http://plugins.jquery.com/project/Cookie

创建Cookie

创建Cookie

 

//使用jQuery设置cookie非常简单。如，我们创建一个名为“example”，值为“foo”的cookie：
$.cookie("example", "foo"); 

 

//要设置cookie的有效期，可以设置expires值，如设置cookie的过期时间为10天：
$.cookie("example", "foo",{expires:10}); 

//设置cookie一小时后过期：
var cookietime = new Date(); 
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时 
$.cookie("example", "foo",{expires:cookietime}); 

//要设置cookie的保存路径，可以设置path值，如设置路径为根目录： 
$.cookie("example", "foo",{path:"/"}); 

//如果要设置路径为/admin，则： 
$.cookie("example", "foo",{path:"/admin"}); 

获取cookie值

 

//使用jQuery获取cookie的值的方法那是相当的简单，下面是弹出框显示名为“example”的cookie的值： 
alert($.cookie("example")); 

 

删除Cookie

 

//使用jQuery删除cookie，只需要将cookie的值为null，注意如果设置值为空的字符串时，并不能删除cookie，只是将cookie值清空而已。
$.cookie("example",null); 
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

 

下面我们来看个实例

//关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/user/,path会被设置为 '/user']
$.extend({ 
  
/**  
 1. 设置cookie的值，把name变量的值设为value    
example $.cookie(’name’, ‘value’); 
 2.新建一个cookie 包括有效期 路径 域名等 
example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 
3.新建cookie 
example $.cookie(’name’, ‘value’); 
4.删除一个cookie 
example $.cookie(’name’, null); 
5.取一个cookie(name)值给myvar 
var account= $.cookie('name'); 
**/
    cookieHelper: function(name, value, options) { 
        if (typeof value != 'undefined') { // name and value given, set cookie 
            options = options || {}; 
            if (value === null) { 
                value = ''; 
                options.expires = -1; 
            } 
            var expires = ''; 
            if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
                var date; 
                if (typeof options.expires == 'number') { 
                    date = new Date(); 
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); 
                } else { 
                    date = options.expires; 
                } 
                expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE 
            } 
            var path = options.path ? '; path=' + options.path : ''; 
            var domain = options.domain ? '; domain=' + options.domain : ''; 
            var secure = options.secure ? '; secure' : ''; 
            document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
        } else { // only name given, get cookie 
            var cookieValue = null; 
            if (document.cookie && document.cookie != '') { 
                var cookies = document.cookie.split(';'); 
                for (var i = 0; i < cookies.length; i++) { 
                    var cookie = jQuery.trim(cookies[i]); 
                    // Does this cookie string begin with the name we want? 
                    if (cookie.substring(0, name.length + 1) == (name + '=')) { 
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
                        break; 
                    } 
                } 
            } 
            return cookieValue; 
        } 
    } 
  
});

 

 

插件的源代码也很简单：

jQuery.cookie = function(name, value, options) { 
if (typeof value != 'undefined') { // name and value given, set cookie 
　　options = options || {}; 
　　if (value === null) { 
　　　　value = ''; 
　　　　options.expires = -1; 
　　} 

　　var expires = ''; 
　　if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
　　　　var date; 
　　　　　　if (typeof options.expires == 'number') { 
　　　　　　　　date = new Date(); 
　　　　　　　　date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); 
　　　　　　} else { 
　　　　　　　　date = options.expires; 
　　　　　　} 
　　　　expires = '; expires=' + date.toUTCString(); 
　　} 
　　var path = options.path ? '; path=' + (options.path) : ''; 
　　var domain = options.domain ? '; domain=' + (options.domain) : ''; 
　　var secure = options.secure ? '; secure' : ''; 
　　document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
} else { 
　　var cookieValue = null; 
　　if (document.cookie && document.cookie != '') { 
　　　　var cookies = document.cookie.split(';'); 
　　　　　　for (var i = 0; i < cookies.length; i++) { 
　　　　　　　　var cookie = jQuery.trim(cookies[i]); 
　　　　　　　　if (cookie.substring(0, name.length + 1) == (name + '=')) { 
　　　　　　　　　　cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
　　　　　　　　　　break; 
　　　　　　　　} 
　　　　　　} 
　　} 
　　return cookieValue; 
} 
};