由于jq的cookie插件已经放弃维护了,其团队改为js-cookie在github上进行新的开源分享。

地址为:https://github.com/js-cookie/js-cookie

下载到引用的js文件后引用即可。

调用方法:

//设置
Cookies.set(name,value,{expires: time, path: '/'});

//其中value的值支持对象的形式传入
var box = {
  a = 1,
  b = 2
}
Cookies.set(name,box,{expires: time, path: '/'});

//虽然支持传入,但是调用的时候需要进行json的解码
Cookies.getJSON(name);

//其他设置用一个对象的形式保存

//expires的参数需要传入Date的值或者是数字,格式如下

expires: 7  //这样表示七天后过期

var time = new Date(new Date().getTime() + 6 * 60 * 60 * 1000);
expires: time  //这样表示6小时后过期

//path
//继承了以前的传统,使用‘/’时表示是根目录,也就是index.html这个文件存在的那个根目录,留空也是可以的,如下

path : '/'

path : ''

//其他的就是domain、secure这两个常用的,domain设置域名,一般来说没有要求没必要写,secure为了安全,可以加上

知道cookie插件的使用方法后就可以开始动手了,这里就不多说了,上图看效果:

Demo地址

查看

分类: 锋利的JQuery实例 标签: cookie网页换肤

评论

全部评论 1

  1. iherb
    iherb
    Google Chrome Windows 8.1
    学习了

目录