浅说jQuery.Cookie.js

本文介绍jQuery Cookie插件的使用方法,包括如何设置、读取和删除Cookie,以及如何配置Cookie的有效期、路径等选项。

jQuery.Cookie.js简介

浅说jQuery.Cookie.js轻量级的Cookie管理插件,可以更简单方便的读取、写入、删除 cookie。

名词解释

jQuery.Cookie.js插件是一个轻量级的Cookie管理插件,可以读取、写入、删除 cookie。

使用方法

引入jQuery与jQuery.Cookie.js插件。

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

注:
1.一定是先引入jquery-2.1.1.min.js,后引入jquery.cookie.js。
2.不要多次引入jQuery插件,同一个页面两次或者多次引入jQuery插件就会报此错误。

语法简述

1.写入设置Cookie值

$.cookie('cookieName','cookieValue'); 

cookieName:要设置的cookie名称,cookieValue表示相对应的值。

2.读取cookie值

$.cookie('cookieName');

cookieName 是要读取的cookie名称。

例如:

//设置Cookie
$.cookie("name","wenteryan"); 
//若cookie存在,返回 'wenteryan'
$.cookie('name'); 
//若cookie不存在,返回 null
$.cookie('not_existing');

3.删除cookie

通过传递null作为cookie的值即可

$.cookie('cookieName', null);

4.其他参数

$.cookie(名称,值,[option]);

可以在cookie中再添加一个参数。

  • expires:有限日期,可以是一个整数或一个日期(单位:天)。  这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了。

  • path: cookie值保存的路径,默认与创建页路径一致。

  • domin:cookie域名属性,默认与创建页域名一样。  这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置”.xxx.com”

  • secrue: 一个布尔值,表示传输cookie值时,是否需要一个安全协议。默认值:false。

  • .raw: 默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,decodeURIComponent 解码)。默认值:false。

//一个cookie并设置有效时间为2天和cookie的有效路径
$.cookie('cookieName', 'cookieValue', { expires: 2, path: '/' });
jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************* jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为valu e example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************** jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值