欢迎转载，转载请注明作者RunningOn

jQuery应该是各位用JavaScript做web开发的常用工具了，它有些插件能非常方便地操作cookie。

不过非常让人郁闷的是，网上几乎所有人对于这些插件所做的关于cookie过期/失效时间的说明都是含混的或不正确的。我被这玩意搞得实在不行了，去看了其中两个插件的源代码终于明白了是怎么一回事。为避免更多人中招，我就写下我RunningOn个人对这些cookie插件的理解。

首先要说明的是cookie插件国内主要流行的有两个，一个是早在2006年的不知道是什么版本号的叫cookie的插件，另一个是cookies 2.2.0版，注意后者的名字比前者多一个s，国内主要用的是后者。前者早已停止维护(或者说代码很少不需要维护)而且其下载链接已经从官网撤除了，后者的下载链接则到处是。你下的十有八九是后者，官方下载在：http://code.google.com/p/cookies/downloads/list

在我写这日志之前，网上的对jQuery操作cookies的插件的使用介绍几乎都是不正确的，主要是对于过期时间的设置不对（如果我错怪了谁，那我先道个歉）。

Cookies插件使用方法：

1. 不用说，首先你得下载jQuery及Cookies插件。

2. 在网页的<body>前加上：

<script type="text/javascript" src="http://513394217.blog.163.com/blog/jquery-1.2.6.min.js"></script>

<script type="text/javascript" src="http://513394217.blog.163.com/blog/jquery.cookies.2.2.0.min.js"></script>

src=后面的那一长串就是下载的jQuery和Cookies插件的文件名，如果你和我不一样就改改。

3. 如何添加/修改cookie并设定过期时间：

$.cookies.set('cookie_id', 'cookie_value', { hoursToLive:  });

上面是添加或修改一个cookie，并将其过期/失效时间设定在100小时之后，注意大括号是必须的。

过期失效时间还有另外一个设置方式，指定一个绝对时间：

expireDate = new Date();

expireDate.setTime( expireDate.getTime() + (  *  *  *  ) );

$.cookies.set('cookie_id', 'cookie_value', {expiresAt:expireDate});

expireAt参数精确到毫秒。大括号里还可以添加path, domain, secure等参数，这里不做介绍。如果hoursToLive和expiresAt都指定了，则以expiresAt为准。

4. 如何获取cookie

$.cookies.get('cookie_id');

5. 如何删除cookie

$.cookies.del('cookie_id');

常用的就是这么多了。cookies有更高级的用法，比如能将数组一口气全写入cookie，但不在本文的介绍范围了。

最后再提醒一下，如果你看到其它地方介绍jQuery操作cookie时用的这样语法$.cookie.set('cookie_id', 'cookie_value', 7)或者$.cookie.set('cookie_id', 'cookie_value', {expires: 7})，都是针对插件cookie而不是cookies的，更令人烦躁的是有些这样的文章后面附的下载链接却是cookies的，郁闷。

关于jQuery的cookies插件2.2.0版设置过期时间的说明的更多相关文章

  1. jquery 操纵 cookies 插件（1）

    当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过的网页.停留的时间等信息. 当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应 ...

  2. angular中的$cookies和$cookieStore设置过期时间

    angular1.4及以上版本才支持$cookies. 项目引入的是1.4.2版本,操作cookies原先一直用的是$cookieStore,用的飞起啊. $cookieStore.remove(&q ...

  3. 在使用jjwt时在配置文件中设置过期时间，取到的结果为0的原因

    在设置了过期时间后感觉没有起作用,打印日志查看了下为0,因为生成token的文件在一个公共模块中,而过期时间设置在服务模块 中的配置文件中. 原因是:没有为设置getter和setter方法 来自为知 ...

  4. echarts.js（图表插件）2.0版会导致 ZeroClipboard.js（复制插件）失效，3.0版未知。

    解决方法:ZeroClipboard.js先于echarts.js加载.

  5. redis5.0.0.版设置开机自启

  6. 网页换肤,模块换肤,jQuery的Cookie插件使用（转）

    具体效果如下: 第一次加载如下图: 然后点击天蓝色按钮换成天蓝色皮肤如下图: 然后关闭网页重新打开或者在打开另一个网页如下图: 因为皮肤用Cookie保存了下来,所以不会重置 具体的实现代码如下: & ...

  7. asp设置cookies过期时间

    Response.Cookies("user_name").Expires=Date+1 '指定cookie保存时间 保留COOKIES一个小时 Response.Cookies( ...

  8. 【译】Asp.Net Identity Cookies 格式化-中英对照版

    原文出处 Trailmax Tech Max Vasilyev: ASP.Net MVC development in Aberdeen, Scotland I've been reached out ...

  9. （转载）【TP5.0】设置session有效时长+修改默认存储路径

        //查看默认session存储路径:print_r(session_save_path());   \thinkphp\helper.php if (!function_exists('ses ...

随机推荐

  1. poj 2484 A Funny Game（博弈）

    A Funny Game Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 4639   Accepted: 2855 Desc ...

  2. octopress添加回到顶部按钮

    准备回到顶部的png图片一枚,可以随自己喜好google.分享我的 取名top.png,保存在octopress/source/images/top.png octopress/source/_inc ...

  3. hdoj 1686 Oulipo【求一个字符串在另一个字符串中出现次数】

    Oulipo Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Subm ...

  4. Apache服务器部署多个进程

    本文以xampp安装的apache服务为例进行介绍 1.复制配置文件目录,复制一个新的配置文件目录conf2,区别于原来的配置文件目录conf

  5. JS：九宫格抽奖转盘实例

    工作需要,所以做了个抽奖转盘的插件,当然这里只做最简单的演示.可以用于取代一些flash抽奖程序. 机制说明: 1.通过定义lottery-unit来控制节点的个数及索引: 2.通过设置lottery ...

  6. VS编辑代码的时候，都会自动在资源浏览器里将文件所在项目展开

    如何设置VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开 工具-选项-项目和解决方案-常规-在解决方案资源管理器中跟踪活动项(C)

  7. DateTime格式大全

    DateTime dt = DateTime.Now;//    Label1.Text = dt.ToString();//2005-11-5 13:21:25//    Label2.Text = ...

  8. 判断IMEI或MEID是否合法

    /*----------------------------------------------- * 判断此字串所代表的IMEI或MEID是否合法 * @param imei * @author H ...

  9. HTTP协议 状态码详解

    http://www.cnblogs.com/TankXiao/archive/2013/01/08/2818542.html

  10. 在Linux下用netstat查看网络状态、端口状态

    在Linux下用netstat查看网络状态.端口状态 在linux一般使用netstat 来查看系统端口使用情况步. netstat命令是一个监控TCP/IP网络的非常有用的工具,它可以显示路由表.实 ...