1.引入两个js 去bootcdn搜索就行。
jquery.js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
jquery cookie
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
2.设置cookie
$.cookie(“key”,“value”);
如: $.cookie(“love”,“唱跳rap篮球”); //设置了一个值为”唱跳rap篮球的cookie，cookie的名字是love
3.给cookie设置时长
$.cookie(“key”,“value”，{expires: 7}) ;设置为7天
4.设置cookie的域名
在不同网页中是不能访问同一个cookie的，所以可以设置cookie的域名，让cookie在这个域名下都能访问。
$.cookie(“key",“value”,{domain:“icyakuya.website”})
5.设置cookie的路径
可以结合域名一起使用，在本地文件运行也能使用。
$.cookie(“key”,“value”,{domain:“icyakuya”,path:“xxx/”}
path可以用过window.location.pathname 获取，这个获取到的是全路径包括文件名
所以需要做个截取:
function getPath(){
var path = window.location.pathname; //获取的是文件路径全名包括路径
var pos = path.lastIndexOf("/"); //去除文件名
path = path.substring(0, pos);
return path;
}
6.删除cookie
$.removeCookie(‘key’,{path:"/"}) ;//删除该路径下所有名为key的cookie
$.removeCookie(“key”,null,{path:"/"}) 将key的值设置为空，实际上相当于删除
7.获取cookie
$.cookie(“name”)
注意:
cookie的域名和路径都很重要，如果没有设置成一致，则会有不同域名下或者不同路径下的同名cookie，为了避免这种情况，建议在设置cookie和删除cookie的时候，配置路径和域名。
本地直接打开网页文件是获取不了cookie的，因为网页安全策略（类似于ajax访问数据跨域问题）。
像以下这种方式打开是无法读取到cookie的。
如果想要在网页文件中读取cookie，得从服务器打开此网页。
以下文章教你如何搭建一个简单的本地服务器：
vscode 两种方式使用live-server本地服务器打开文件，解决跨域问题
