当你浏览某网站时，你硬盘上会生产一个非常小的文本文件，它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。
当你再次来到该网站时，网站通过读取Cookies，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等等。从本质上讲，它可以看作是你的身份证。
使用传统的Javascript来设置和获取Cookies信息很麻烦，要写上几个函数来处理，幸运的是jQuery帮我们做了很多事，借助jQuery插件，我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件：
创建Cookie使用jQuery设置cookie非常简单。如，我们创建一个名为“example”，值为“foo”的cookie：
复制代码 代码如下:
$.cookie("example", "foo");
要设置cookie的有效期，可以设置expires值，如设置cookie的过期时间为10天：
复制代码 代码如下:
$.cookie("example", "foo",{expires:10});
设置cookie一小时后过期：
复制代码 代码如下:
var cookietime = new Date();
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时
$.cookie("example", "foo",{expires:cookietime});
要设置cookie的保存路径，可以设置path值，如设置路径为根目录：
复制代码 代码如下:
$.cookie("example", "foo",{path:"https://www.jb51.net/"});
如果要设置路径为/admin，则：
复制代码 代码如下:
$.cookie("example", "foo",{path:"/admin"});
获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单，下面是弹出框显示名为“example”的cookie的值：
复制代码 代码如下:
alert($.cookie("example"));
删除Cookie
使用jQuery删除cookie，只需要将cookie的值为null，注意如果设置值为空的字符串时，并不能删除cookie，只是将cookie值清空而已。
复制代码 代码如下:
$.cookie("example",null);
了解了cookie相关设置操作方法后，再接下来的文章中，我会用实例演示cookies的应用，如记录网站用户浏览的历史记录（浏览过的商品、看过的电影），敬请关注。
您可能感兴趣的文章: