jquery之cookie操作插件jquery.cookie.js
墨初 前端设计 3807阅读
网站的一些设置数据,比如网站的换肤功能,关闭广告功能等,都需要把网站的设置数据放到用户电脑的内存或硬盘中,那这个数据我们统称为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;
[Downloads]下载内容[/Downloads]