使用jQuery操作Cookies的实现代码

 更新时间:2011年10月09日 00:05:36   作者:  
Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术
当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。

当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。

使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie

创建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:"/"});

如果要设置路径为/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的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。

相关文章

  • jQuery animate效果演示

    jQuery animate效果演示

    一个简单的animate函数尝试, 这个效果在web应用中非常的实用,提供大家参考!
    2009-10-10
  • Jquery选择器简明版 Jquery选择器实用版

    Jquery选择器简明版 Jquery选择器实用版

    最近需要用jquery获取一些dom数据的操作,发现jquery的选择器非常强大,很方便进行一些dom操作,下面就专门针对这块内容做个简单的介绍,需要的朋友可以参考下
    2023-05-05
  • jQuery EasyUI Dialog拖不下来如何解决

    jQuery EasyUI Dialog拖不下来如何解决

    这篇文章主要介绍了jQuery EasyUI Dialog拖不下来到底如何解决,遇到这类问题的,或者是感兴趣的小朋友可以参考一下
    2015-09-09
  • jQuery判断当前点击的是第几个li的代码

    jQuery判断当前点击的是第几个li的代码

    jQuery中如何判断当前点击的是第几个li,使用$(this).index()取得li的下标,下面的示例,大家可以看看
    2014-09-09
  • JQuery上传插件Uploadify使用详解及错误处理

    JQuery上传插件Uploadify使用详解及错误处理

    关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样。我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅。
    2010-04-04
  • jQuery仅用3行代码实现的显示与隐藏功能完整实例

    jQuery仅用3行代码实现的显示与隐藏功能完整实例

    这篇文章主要介绍了jQuery仅用3行代码实现的显示与隐藏功能,以完整实例形式分析了jQuery实现鼠标响应及页面元素属性变换的相关技巧,需要的朋友可以参考下
    2015-10-10
  • 解析JSON对象与字符串之间的相互转换

    解析JSON对象与字符串之间的相互转换

    本篇文章主要是对JSON对象与字符串之间的相互转换进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jquery选择器使用详解

    jquery选择器使用详解

    JQuery是一个很NB的js集成作品,以其简洁的语法和跨平台兼容性的优势,这里给大家介绍下JQuery中的选择器,不理解选择器或者用不好选择器,是不可能有一手很NB的JQuery技能的
    2014-04-04
  • jQuery maxlength文本字数限制插件

    jQuery maxlength文本字数限制插件

    相信大家对twitter类的微博客都不陌生,作为一句话博客其字数即时提示效果设计的非常人性化.
    2010-04-04
  • jQuery点击页面其他部分隐藏下拉菜单功能

    jQuery点击页面其他部分隐藏下拉菜单功能

    这篇文章主要介绍了jQuery点击页面其他部分隐藏下拉菜单功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11

最新评论