网站的一些设置数据,比如网站的换肤功能,关闭广告功能等,都需要把网站的设置数据放到用户电脑的内存或硬盘中,那这个数据我们统称为cookie.如果在web前端我们不依靠后台来给用户写入cookie,那么只有通过js来写入了。纯生的javascript(js)代码来写入cookie是很不方便的,我们可以借助一个jquery的cookie插件jquery.cookie.js来写入数据。

引入jquery.cookie.js与jquery插件

在网页头部加入以下代码,引入文件,注意顺序

jquery.cookie要依赖于jquery插件,我们要同时引入两个文件,jquery要首页引入

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

JQ 设置添加一个cookie

语法:

$.cookie('the_cookie', 'the_value');

例:

$.cookie('mochu', 'true');

说明:

1、创建一个cookie名为:'mochu',值为'true';

2、这里没有设置过期时间,意味着用户关闭浏览器后,这个cookie就过期了。

JQ 设置添加一个指定过期时间的cookie

语法:

$.cookie('the_cookie', 'the_value', { expires: 7 });

例:

$.cookie('mochu', 'true', { expires: 7 });

说明:{ expires: 7 }为过期时间,单元为天,这里表示7天以后过期

JQ 读取一个cookie

$.cookie('the_cookie');

JQ删除一个cookie

$.cookie('the_cookie', null);

说明:删除的时候,将其值设置为空即可

其它参数

$.cookie('the_cookie','the_value',{
    expires:7,  
    path:'/',
    domain:'jquery.com',
    secure:true
}) 

expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;

path:(String)创建该Cookie的页面路径;

domain:(String)创建该Cookie的页面域名;

secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;

jquery.cookis.js 下载平台 : 所有平台  |  分类 : 编程开发  |  大小 : 0.456 MB