jQuery怎么设置读取删除清空cookie

Posted 2023-03-16

首先我们需要到jQuery官网下载cookie插件，目前最新版本是1.4.1。

然后我们新建一个html文件，将jQuery和jQuery cookie文件引入。

设置cookie很简答，只需要$.cookie("名","值")即可。这里小编用一个名字为coco的cookie做示例。

预览一定要注意需要在服务器环境中，本地可以搭建服务器，用localhost访问。在控制台中可以看到cookie的值。读取cookie直接用$.cookie("名")即可。

如果想删除cookie，那么需要设置null，例如$.cookie("coco",null)，如果是想要清空某个cookie的值，那么只需要将其值设置为空字符串即可，例如$.cookie("coco","")。 参考技术A 在html页面，先引入jQuery文件，再引入jQuery.cookie.js的类库文件。
然后在script标签中使用方法：
$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', expires: 7 ); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', expires: -1 ); // 删除 cookie本回答被提问者采纳 参考技术B 用jquery.cookie.js 插件
1.引入jquery.cookie.js
<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script>
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>

2.使用方法
1).新添加一个会话 cookie：
$.cookie('the_cookie', 'the_value');
注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为
“会话cookie（session cookie）”。
2).创建一个cookie并设置有效时间为 7天:
$.cookie('the_cookie', 'the_value', expires: 7 );
注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent cookie）”。
3).创建一个cookie并设置 cookie的有效路径：
$.cookie('the_cookie', 'the_value', expires: 7, path: '/' );
注：在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设
置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这
个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突） 。
4).读取cookie：
$.cookie('the_cookie'); // cookie存在 => 'the_value'
$.cookie('not_existing'); // cookie不存在 => null
5).删除cookie，通过传递null作为cookie的值即可：
$.cookie('the_cookie', null);