jquery-cookie.js的使用

1.Cookie插件的简介

    Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多便利，例如在用户允许的情况下存储用户的登录信息等。

    使用时需引入jquery-cookie.js.

2.jQuery Cookie插件的下载地址

    https://github.com/carhartl/jquery-cookie

3.API使用

3.1 写入Cookie

    $.cookie('the_cookie','the_value')

说明：“the_cookie”为待写入的Cookie名，“the_value”为待写入的值。

3.2读取Cookie

    $.cookie('the_cookie');

3.3删除Cookie

    $.cookie('the_cookie', null);

说明：设置为null即删除此Cookie。必须使用与之前设置时相同的路径（path）和域名（domain），才可以正确删除Cookie。

3.4其他可选参数

    $.cookie('the_cookie', 'the_value', {

        expires: 7,

        path: '/',

        domian: 'jquery.com',

        secure: ture

    });

说明：expires:(Number|Date)有效期。可以设置一个整数作为有效期（单位：天），也可以设置一个日期对象为Cookie的过期日期。如果指定日期为负数，例如已经过去的日子，那么此Cookie将被删除；如果不设置或者设置为null,那么此Cookie将被当做SessionCookie处理，并在浏览器关闭后删除。

path:（String）cookie的路径属性。默认是创建该Cookie的页面路径。

domain：（String）cookie的域名属性。默认是创建该Cookie的页面域名。

secure：（Boolean）如果设置为true，那么该Cookie的传输会要求一个安全协议，例如HTTPS.

3.5例子：Cookie保存用户名。

对复选框做点击事件，如下：

用户名cookie存在时，将值填入用户名的input框中。

选择“记住用户名”，则将用户名记入名为“username”的Cookie中。反之，将此Cookie删除。

页面展现如下图：