Jquery中cookie的用法

1.引用方式：

<script src="jQuery.1.8.3.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script>

2.函数使用方法

语法：$.cookie(名称，值，[option])
(1)读取cookie值
示例：$.cookie("username");
读取保存在cookie中名为的username的值。
(2)写入cookie值
示例: $.cookie("username","admin");
将值”admin”写入cookie名为username的cooki中。
(3)销毁cookie值

$.cookie(“username”,NULL);

[option]:
expires: (Number | Date):有效期，可以设置一个整数作为有效期（单位：天），也可以设置一个日期对象作为Cookie的过期日期。如果指定日期为负数，那么此cookie将被删除；如果不设置或者设置为null，那么此cookie将被当作Session Cookie处理，并且在浏览器关闭后删除
path: cookie值保存的路径，默认与创建页路径一致。如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: ‘/’。如果你想删除一个定义了有效路径的 cookie，需在调用函数时包含此路径:$.cookie('the_cookie', null,{ path: '/' });
domin: cookie域名属性，默认与创建页域名一样。如果要主域名二级域名有效则要设置”.xxx.com”
secrue:如果设为true，那么此cookie的传输会要求一个安全协议，例如HTTPS.

例：新建一个cookie 包括有效期 路径域名等

$.cookie('the_cookie', ‘the_value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true});

---

3.实战：实现”记住我”的功能

    //判断之前是否有设置cookie，如果有，则设置【记住我】选择框  
    if($.cookie('rem_userName')!=undefined){  
        $("#rememberMe").attr("checked", true);  
    }else{  
        $("#rememberMe").attr("checked", false);  
    }  

    //读取cookie  
    if($('#rememberMe:checked').length>0){  
        $('#userName').val($.cookie('rem_userName'));  
        $('#password').val($.cookie('rem_password'));  
    }  

    //监听【记住我】事件  
    $("#rememberMe").click(function(){  
        if($('#rememberMe:checked').length>0){//设置cookie  
            $.cookie('rem_userName', $('#userName').val());  
            $.cookie('rem_password', $('#password').val());  
        }else{//清除cookie  
            $.removeCookie('rem_userName');  
            $.removeCookie('rem_password');  
        }  
    });