1. 引入 jQuery 和 jQuery Cookie:
在使用 jQuery Cookie 之前,确保已经引入了 jQuery,并在其后引入 jQuery Cookie 插件。
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
2. 设置 Cookie:
// 设置 Cookie
$.cookie("cookie_name", "cookie_value", { expires: 7 }); // 过期时间为7天
3. 获取 Cookie:
// 获取 Cookie
var cookieValue = $.cookie("cookie_name");
4. 删除 Cookie:
// 删除 Cookie
$.removeCookie("cookie_name");
5. 设置带有过期时间的 Cookie:
// 设置带有过期时间的 Cookie
$.cookie("cookie_name", "cookie_value", { expires: 7 }); // 过期时间为7天
这里的 { expires: 7 } 表示 Cookie 的过期时间为 7 天,您可以根据需要调整过期时间。
6. 其他选项:
jQuery Cookie 还支持一些其他选项,比如设置路径、域等。以下是一个带有路径的 Cookie 设置示例:
// 设置带有路径的 Cookie
$.cookie("cookie_name", "cookie_value", { expires: 7, path: '/' }); // 在整个网站的根路径下可用
这是 jQuery Cookie 插件的基本用法。请注意,由于现代浏览器提供了更多的原生方法来处理 Cookie,有些项目可能更倾向于使用原生的 document.cookie。根据项目需求,您可以选择使用 jQuery Cookie 插件或原生方法。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12905/jQuery