一个轻量级的cookie 插件,可以读取、写入、删除 cookie。

jquery.cookie.js 的配置

首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>

<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用方法

1.新添加一个会话 cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为

“会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent  cookie)”。

3.创建一个cookie并设置 cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

4.读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5.删除cookie,通过传递null作为cookie的值即可:

$.cookie('the_cookie', null);

----------相关参数的解释---------------

1).expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对

象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2).path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义

了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

默认值:创建 cookie的网页所拥有的域名。

3).secure: true

默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

4).raw: true

默认值:false。

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

转载于:https://www.cnblogs.com/xingweb/p/4283242.html

jquery.cookie 插件使用方法相关推荐

  1. Layui 引入jQuery.Cookie插件

    使用 首先你需要下载jQuery.Cookie.js 下载地址 然后将 文件复制粘贴至你的项目的静态文件资源中,我和layui引入的jquery.js放在一起并将文件改名为了cookie.js,如下图 ...

  2. html5 jquery paint plugin,制作高质量的JQuery Plugin 插件的方法

    JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插 ...

  3. jQuery Cookie 插件

    jQuery 可以通过 jquery.cookie.js 插件来操作 Cookie. 官方地址:jQuery Cookie | jQuery Plugin Registry 前言 使用 jquery. ...

  4. jquery封装插件的方法

    扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间.这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱. 一.入门 编写一个jQuery插件开始于给jQuery.fn ...

  5. jquery.cookie.js 使用方法

    Cookies 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery.cookie.js基于jquery:先引入jquery,再引入:jq ...

  6. jquery cookie 插件 (支持json对象) 可以跟jquery 集成 也可以单独使用

    为什么80%的码农都做不了架构师?>>>    cookie 操作 中间件 文档 原始wiki见 http://code.google.com/p/cookies/wiki/Docu ...

  7. webpack引入jquery以及插件的方法(如ztree)

    最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://githu ...

  8. jQuery hash 插件

    URL中的hash,也就是网址井号后面的部分,其实是一块宝地,它能创建浏览历史,也能存储一些简单数据.从Twitter开始Hash被用来定义Ajax内容,虽然如今已被HTML5的pushState所替 ...

  9. 案例实现jquery.cookie的操作

    案例实现jquery.cookie的操作 [1]先下载jquery.cookie插件:http://download.csdn.net/download/goodshot/8276243 [2]安装插 ...

  10. jquery cookie 本地不能工作的原因

    在本地开发的时候,使用jquery cookie插件,发现不能设置工作.网上说不要使用localhost,换成127.0.0.1.更改后发现可以使用. 转载于:https://blog.51cto.c ...

最新文章

  1. 网络安全和支付 讲解
  2. 通达信高级服务器最新配置文件,通达信移动证后台服务器配置.doc
  3. java 匿名内部类 百科_java匿名内部类具体概念是什么,在什么地方用到?
  4. 加括号改变连除式结果(洛谷P2651题题解,Java语言描述)
  5. 创建一个java项目
  6. 程序员放弃阿里60w年薪,选到手5k的公务员,坚信公务员后期完胜程序员
  7. better-scroll在vue中的使用
  8. 注册表REG文件编写大全
  9. html空格语言,HTML中如何键入空格
  10. 算法竞赛入门经典-第五章错位输出
  11. Rust REPL Jupyter notebook
  12. 企业愿景不能是忽悠,而是发自内心的渴望
  13. 科学解释:为什么越是无知的人越自信?
  14. 腾讯云个人账号如何多开注册8个新用户账号
  15. SVN检出报错,SVN更新时忽略指定文件或文件夹
  16. python将视频转为图片
  17. java 变量共享_Java并发编程之共享变量
  18. 【饭谈】为什么别人都劝你别做外包?
  19. 基于springboot的化妆品美妆销售商城网站
  20. 阿里云携手爱迪德,发布中国首个云端DRM解决方案

热门文章

  1. 第一篇SCI (IF5),心得交流(写的字数很多),希望多多交流!
  2. 修改tableView侧栏索引的背景色
  3. Mac 上删除用户或群组教程
  4. webpack配置工程师(一):基本篇
  5. 实验楼mysql实验-搭建一个简易的成绩管理系统的数据库
  6. RunAs 增强性扩展命令(支持自动提交密码,安全授权)
  7. 【转载】游戏并发编程的讨论 Nodejs并发性讨论 语法糖术语
  8. Split Animation Clip From FBX and Multiply Mode Sprite
  9. 求知成瘾,却无作品 的思考 - stoneniqiu - 博客园
  10. 普通二本,去了小公司,我也想改变