使用jquery.cookie.js操作cookie

简介

jquery.cookie.js 是一个轻量级的cookie 插件，可以读取、写入、删除 cookie。
下载地址：https://download.csdn.net/download/lianghecai52171314/85387076
相关参数

1. expires: 365
   定义cookie的有效时间，值可以是一个数字（从创建cookie时算起，以天为单位）或一个Date 对象。如果省略，那么创建的cookie是会话cookie，将在用户退出浏览器时被删除。
2. path: ‘/’
   默认情况：只有设置cookie的网页才能读取该cookie。
   定义cookie的有效路径。默认情况下， 该参数的值为创建 cookie 的网页所在路径（标准浏览器的行为）。
   如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: ‘/’。
   如果你想删除一个定义了有效路径的 cookie，你需要在调用函数时包含这个路径:
   $.cookie(‘the_cookie’, null, { path: ‘/’ });
   domain: 'example.com’默认值：创建 cookie的网页所拥有的域名。
3. secure: true
   默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）。
4. raw: true
   默认值：false。
   默认情况下，读取和写入 cookie 的时候自动进行编码和解码（使用encodeURIComponent 编码，decodeURIComponent 解码）。要关闭这个功能设置 raw: true 即可。

使用

1. 新添加一个会话 cookie：

   $.cookie("query1","name=henan&area=huadong");
   

   注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为“会话cookie（session cookie）”。

2. 创建一个cookie并设置有效时间为 7天:

   $.cookie("query2","name=henan&area=huadong",{expires: 3});
   

   注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent cookie）”。

3. 创建一个cookie并设置 cookie的有效路径：

      //添加一个cookie指定有效期并设置cookie的有效域名
       $.cookie("query3","name=henan&area=huadong",{expires: 5,domain:"www.wego.com"});      //添加一个cookie指定有效期并设置cookie的有效路径
       //添加一个cookie指定有效期并设置cookie的有效路径
       $.cookie("query4","name=henan&area=huadong",{expires: 5,path:'/'});
   

   注：在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突） 。

4. 读取cookie：

   //读取cookie，存在返回值，不存在返回null
   let sth = $.cookie("query4");
   console.info(sth)
   

5. 删除cookie，通过传递null作为cookie的值即可：

     $.cookie("query4",null)
   

综合示例

<script src="jquery3.6.0.js"></script>
<script src="jquery.cookie.js"></script>
<script>
    $(function (){
        // 添加一个cookie，
        $.cookie("query1","name=henan&area=huadong");
        //添加一个cookie指定有效期
        $.cookie("query2","name=henan&area=huadong",{expires: 3});
        //添加一个cookie指定有效期并设置cookie的有效域名
        $.cookie("query3","name=henan&area=huadong",{expires: 5,domain:"www.wego.com"});       
        //添加一个cookie指定有效期并设置cookie的有效路径
        $.cookie("query4","name=henan&area=huadong",{expires: 5,path:'/'});
        //读取cookie，存在返回值，不存在返回null
        let sth = $.cookie("query4");
        console.info(sth)
        //修改cookie,修改cookie的值
        $.cookie("query4","hahaxixi")
        sth = $.cookie("query4");
        console.info(sth)
        //删除cookie
        $.cookie("query4",null)
        sth = $.cookie("query4");
        console.info(sth)
    });
</script>

结果：