Cookie是站点设计者放置在client的小文本文件。Cookie能为用户提供非常多的使得,比如购物站点存储用户以前浏览过的产品列表。或者门户站点记住用户喜欢选择浏览哪类新闻。 在用户同意的情况下。还能够存储用户的登录信息,使得用户在訪问站点时不必每次都键入这些信息

用法:

1.引入jquery.cookie.js

2.将cookie写入文件

[javascript] view plaincopyprint?
  1. var COOKIE_NAME = 'username';
  2. if( $.cookie(COOKIE_NAME) ){
  3. $("#username").val(  $.cookie(COOKIE_NAME) );
  4. }
  5. $("#check").click(function(){
  6. if(this.checked){
  7. $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });
  8. //var date = new Date();
  9. //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期
  10. //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });
  11. }else{
  12. $.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie
  13. }
  14. });

參数设置:
expires: (Number | Date)      有效期,能够设置一个整数作为有效期(单位:天),也能够设置一个日期对象作为Cookie的过期日期。假设指定日期为负数。那么此cookie将被删除;假设不设置或者设置为null,那么此cookie将被当作Session Cookie处理,而且在浏览器关闭后删除

path:  (String)   Cookie的路径属性。默认是创建该cookie的页面路径

domain: (String)   Cookie的域名属性,默认是创建该cookie的页面域名

secure: (Boolean)  假设设为true。那么此cookie的传输会要求一个安全协议。比如HTTPS

Usage

Create session cookie:

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

Create expiring cookie, 7 days from then:

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

Create expiring cookie, valid across entire site:

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

Read cookie:

$.cookie('the_cookie'); // => "the_value" $.cookie('not_existing'); // => undefined

Read all available cookies:

$.cookie(); // => { "the_cookie": "the_value", "...remaining": "cookies" }

Delete cookie:

// Returns true when cookie was found, false when no cookie was found...$.removeCookie('the_cookie'); 
// Same path as when the cookie was written...$.removeCookie('the_cookie', { path: '/' });

Note: when deleting a cookie, you must pass the exact same path, domain and secure options that were used to set the cookie, unless you're relying on the default options that is.

Configuration

raw

By default the cookie value is encoded/decoded when writing/reading, usingencodeURIComponent/decodeURIComponent. Bypass this by setting raw to true:

$.cookie.raw = true;

json

Turn on automatic storage of JSON objects passed as the cookie value. Assumes JSON.stringify andJSON.parse:

$.cookie.json = true;

Cookie Options

Cookie attributes can be set globally by setting properties of the $.cookie.defaults object or individually for each call to $.cookie() by passing a plain object to the options argument. Per-call options override the default options.

expires

expires: 365

Define lifetime of the cookie. Value can be a Number which will be interpreted as days from time of creation or a Date object. If omitted, the cookie becomes a session cookie.

path

path: '/'

Define the path where the cookie is valid. By default the path of the cookie is the path of the page where the cookie was created (standard browser behavior). If you want to make it available for instance across the entire domain use path: '/'. Default: path of page where the cookie was created.

Note regarding Internet Explorer:

Due to an obscure bug in the underlying WinINET InternetGetCookie implementation, IE’s document.cookie will not return a cookie if it was set with a path attribute containing a filename.

(From Internet Explorer Cookie Internals (FAQ))

This means one cannot set a path using path: window.location.pathname in case such pathname contains a filename like so: /check.html (or at least, such cookie cannot be read correctly).

domain

domain: 'example.com'

Define the domain where the cookie is valid. Default: domain of page where the cookie was created.

secure

secure: true

If true, the cookie transmission requires a secure protocol (https). Default: false.

Converters

Provide a conversion function as optional last argument for reading, in order to change the cookie's value to a different representation on the fly.

Example for parsing a value into a number:

$.cookie('foo', '42'); $.cookie('foo', Number); // => 42

Dealing with cookies that have been encoded using escape (3rd party cookies):

$.cookie.raw = true; $.cookie('foo', );

You can pass an arbitrary conversion function.

转载于:https://www.cnblogs.com/liguangsunls/p/6903671.html

jQuery插件 -- Cookie插件相关推荐

  1. jQuery插件 -- Cookie插件jquery.cookie.js(转)

    2019独角兽企业重金招聘Python工程师标准>>> jQuery插件 -- Cookie插件jquery.cookie.js(转) Cookie是网站设计者放置在客户端的小文本文 ...

  2. jquery php cookie,jQuery的Cookie插件 cookie 使用方法

    cookies 是一个用 jQuery 来操作 Cookie 的插件.因为使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,所以为了方便日常的开发工作,就有人写 ...

  3. JQuery操作cookie插件

    http://www.aspxcs.net/HTML/0021031734.html 转载于:https://www.cnblogs.com/zhwl/archive/2011/10/05/21995 ...

  4. jQuery之换肤与cookie插件

    有时候一个网页可以有多个皮肤进行选择,也就是不同的背景,或是一整套新的css,能使整个页面变成另一种风格. 这个功能可以用jQuery来实现.外加cookie插件.有了cookie,就可以长时间的保存 ...

  5. 为什么本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效?

    2019独角兽企业重金招聘Python工程师标准>>> 为什么本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效?新手学习js或jquery时,一般是在本地调 ...

  6. jquery 用cookie进行换肤

    进行换肤的前提就是必须写好几个css文件,要加载或下载jquery.cookie.js,同时要注意设置cookie的时候和读取cookie的时候是不一样的 ====================== ...

  7. jQuery Cookie 插件

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

  8. Layui 引入jQuery.Cookie插件

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

  9. jQuery的DataTables插件的使用方法[转]

    转自:http://www.guoxk.com/node/jquery-datatables 在做后台的时候并没有美工和前端工程师来配合你做页面,为了显示数据并有一定的美感,我们可以使用jQuery的 ...

最新文章

  1. GO语言教程3:杂类
  2. Java 复制一个文件到另外一个目录下
  3. SQL Server 2016 AlwaysOn 安装及配置介绍
  4. uva 10627 - Infinite Race(数论)
  5. 【JSOI2008】星球大战 (并查集)
  6. 用PHP做负载均衡指南
  7. 【Flink】基于 Flink CEP 实时计算商品订单流失量
  8. Django REST framework+Vue 打造生鲜超市(九)
  9. mysql+修改字段长度语句_mysql sql语句修改字段名称,字段长度
  10. 计算机毕业设计Java在线小说系统(源码+系统+mysql数据库+Lw文档)
  11. python自动化实现QQ自动发说说
  12. windows安装ffmpeg,yasm,opencv
  13. 字体图标浅析——什么是字体图标?如何生成?怎么使用?
  14. python中获取中位数的两种方法
  15. python提示jsondecodeerror是什么意思_Python爬虫解析json遇到一类JSONDecodeError的解决方案...
  16. RHEL7-team双网卡绑定
  17. 数据恢复软件有哪些好用又免费的?强推这6款神器
  18. DOSBox + Windows 3.1安装与使用
  19. python做邮箱系统_python实现用户登录系统
  20. Javascript 实现二维码生成

热门文章

  1. Excel删除区域名
  2. 京东秒杀系统模块的Redis分布式锁深度剖析,没给你讲明白你打我
  3. Java:自定义异常处理类
  4. com.fasterxml.jackson.databind.JsonMappingException: Multiple back-reference properties with name ‘d
  5. Java 洛谷 P5461 赦免战俘讲解
  6. 基于linux的java学习,Java学习---Linux总结
  7. 什么是工装服_王俊凯穿连体工装亮相跨年晚会,中国风满满的设计,尽显帅气...
  8. python为什么不能自动语法_Python 为什么不支持 i++ 自增语法,不提供 ++ 操作符?...
  9. Linux c vim跳到指定行,grep与vim工具基本命令详解
  10. c语言fgetpos的参数,C语言fgetpos()函数:获得当前文件的读写指针(转)