Jquery操作Cookie

jquery.cookie.js是jQuery的一个插件,其基本用法如下:

用之前一定要导入jquery.cookie.js这个文件

<script type="text/javascript" src="/js/jquery.cookie.js"></script>

$.cookie('the_cookie'); // get cookie
$.cookie('the_cookie', 'the_value'); // set cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future
$.cookie('the_cookie', '', { expires: -1 }); // delete cookie

$.cookie('the_cookie'); //读取Cookie值
$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值
$.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie(’the_cookie’, ‘the_value’); //新建cookie
$.cookie(’the_cookie’, null); //删除一个cookie

<script>
### 使用 jQuery 操作 Cookie 的方法 jQuery 本身并没有内置的 Cookie 操作功能,但可以通过引入 `jquery.cookie.js` 插件来简化 Cookie 的创建、读取、更新和删除操作。该插件提供了一套简洁的 API,使得开发者可以更方便地进行 Cookie 管理。 #### 引入 jQueryjquery.cookie.js 在使用该插件之前,必须先引入 jQuery,然后再引入 `jquery.cookie.js`,顺序不能颠倒: ```html <script src="/webnet/resource/js/jquery.js"></script> <script src="/webnet/resource/js/jquery.cookie.js"></script> ``` #### 获取 Cookie 通过 `$.cookie('cookieName')` 可以获取指定名称的 Cookie 值: ```javascript var cookieValue = $.cookie('the_cookie'); ``` 如果 Cookie 不存在,返回 `undefined`。该方法支持获取字符串类型的 Cookie 值[^2]。 #### 设置 Cookie 使用 `$.cookie('cookieName', 'cookieValue')` 可以设置一个 Cookie,若需设置过期时间,可以通过传入配置对象实现: ```javascript $.cookie('the_cookie', 'the_value'); // 设置一个会话 Cookie(浏览器关闭后失效) $.cookie('the_cookie', 'the_value', { expires: 7 }); // 设置一个有效期为 7 天的 Cookie ``` 其中 `expires` 表示 Cookie 的有效期(单位为天),也可以传入 `Date` 对象表示具体的过期时间。 #### 删除 Cookie 删除 Cookie 的方式是将其值设为空字符串,并将 `expires` 设为过去的时间: ```javascript $.cookie('the_cookie', '', { expires: -1 }); // 删除 Cookie $.cookie('the_cookie', null); // 同样可以删除 Cookie ``` 该方法通过将 Cookie 的过期时间设置为过去的时间点,从而触发浏览器删除操作。 #### 设置带路径和域的 Cookie 除了基本的设置和读取,`$.cookie()` 还支持设置 `path` 和 `domain` 属性,以便控制 Cookie 的作用范围: ```javascript $.cookie('username', 'john_doe', { expires: 7, path: '/', domain: 'example.com' }); ``` 上述代码设置了一个在 `example.com` 域名及其所有子路径下生效的 Cookie[^4]。 #### 示例代码 以下是一个完整的示例,展示如何在按钮点击事件中设置、读取和删除 Cookie: ```javascript $(document).ready(function(e) { $("#btnsetcookie").click(function() { $.cookie("Demo", "我的示例Cookie数据", { expires: 2 }); // 设置 Cookie,有效期为 2 天 }); $("#btngetcookie").click(function() { alert($.cookie("Demo")); // 获取 Cookie }); $("#btndelcookie").click(function() { $.cookie("Demo", '', { expires: -1 }); // 删除 Cookie }); }); ``` 此代码在页面加载完成后绑定按钮点击事件,分别执行设置、获取和删除 Cookie操作[^3]。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值