jquery.cookie.js插件实现浏览器的cookie存储，该插件是基于jquery开发，方便cookie使用。

jquerycookie.js的下载地址 http://plugins.jquery.com/project/cookie

1.准备工作

　　1）由于该插件依赖jQuery，所以首先在页面引入jquey插件

　　2）在页面引入jQuery.cookie.js

2.使用方法

　　设置cookie　　

  1. /*
  2.         **  设置cookie
  3.         **  第一个参数设置cookie的key
  4.         **  第二个参数设置cookie的value
  5.         **  path设置cookie的路径
  6.         **  expires设置cookie的失效时间，如果没有设置为浏览器关闭时失效。
  7.         */
  8.         $.cookie("area","002",{ path: '/', expires: 10});

　　读取cookie

  1.  /*
  2.         ** 读取cookie
  3.         */
  4.         console.log($.cookie("area"));

　　删除cookie

  1. /*
  2.         **删除cookie
  3.         **
  4.         */
  5.         $.cookie("area",null,{ path: '/', expires: 10});

举例说明

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.      <title></title>
  5.      <meta charset="utf-8">
  6.  </head>
  7.  <body>
  8.  <script type="text/javascript" src="jquery.js"></script>
  9.  <script type="text/javascript" src="jquery.cookie.js"></script>
  10.  <script type="text/javascript">
  11.      $(function(){
  12.          /*
  13.          **  设置cookie
  14.          **  第一个参数设置cookie的key
  15.          **  第二个参数设置cookie的value
  16.          **  path设置cookie的路径
  17.          **  expires设置cookie的失效时间，如果没有设置为浏览器关闭时失效。
  18.          */
  19.          $.cookie("area","002",{ path: '/', expires: 10});
  20.  
  21.          /*
  22.          ** 读取cookie
  23.          */
  24.          console.log($.cookie("area"));
  25.  
  26.          /*
  27.          **删除cookie
  28.          **
  29.          */
  30.          $.cookie("area",null,{ path: '/', expires: 10});
  31.      });
  32.  </script>
  33.  </body>
  34.  </html>

jQuery.cookie.js插件了解及使用方法的更多相关文章

  1. Jquery.cookie.js 源码和使用方法

    jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the ...

  2. jquery.cookie.js插件删除不掉cookie的问题

    在使用cookie插件时基本上不会有问题但就是用插件给的方法删除cookie有时候删除不掉. 他的删除方法是: $.cookie('the_cookie', '', { expires: -1 }); ...

  3. 【jq】插件—缓存jquery.cookie.js

    jquery.cookie.js插件   轻量级cookie管理 1°下载地址:http://plugins.jquery.com/cookie/ 2°引入方式:(基于jquery) <scri ...

  4. 【转】jquery.cookie.js的使用

    Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是 ...

  5. jQuery.Cookie.js用法

    jQuery.Cookie.js:一个轻量级的cookie插件,可以读取.写入.删除cookie. 一.使用方法 引入jQuery与jQuery.Cookie.js插件 <script src= ...

  6. jQuery.cookie.js

    一.jQuery.Cookie.js插件是一个轻量级的Cookie管理插件. 下载:http://github.com/carhartl/jquery-cookie/zipball/v1.4.1 特别 ...

  7. jquery.cookie.js使用介绍

    Cookies概述: Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术.Cookies是当你浏览某网站时,由Web服务器置于你硬盘上的一个非 ...

  8. jQuery插件 -- Cookie插件jquery.cookie.js（转）

    Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存 ...

  9. 购物车增加、减少商品时动画效果：jQuery.Fly.js插件使用方法

    某些电商网站加入购物车和减少购物车商品数量时,有个小动画,以抛物线形式增减,如图:      这里用到了第三方jQuery.Fly.js插件(底层依赖Jquery库,地址:https://github ...

随机推荐

  1. oracle重装系统后恢复

    前提:各种文件都存在 1.将原oracle文件夹app更名为app_old 2.重新安装oracle(路径,实例等最好都一样),配置监听,服务能正常启动,连接进入数据库 3.关掉oracle服务,将新 ...

  2. S2SH CRUD 整合

    采用的框架 Struts2+Spring4+Hbiernate4. 目录结构 :    EmployeeAction: package com.xx.ssh.actions; import java. ...

  3. 解决MD5问题

    使用VS时报错此实现不是 Windows 平台 FIPS 验证的加密算法的一部分. 解决方案如下:在window中打开功能里输入regedit,回车打开注册器.然后进入如下路径中 HKEY_LOCAL ...

  4. 重置zend studio 默认设置的方法

    转载自:http://www.zendstudio.net/archives/reset-the-zend-studio-settings/ 这个方法类似于手机的"恢复出厂设置"的 ...

  5. java ppt课后作业

    1 .仔细阅读示例: EnumTest.java,运行它,分析运行结果? 枚举类型是引用类型,枚举不属于原始数据类型,它的每个具体值都引用一个特定的对象.相同的值则引用同一个对象.可以使用“==”和e ...

  6. CentOS安装squid代理服务器

    Squid是一个Linux系统下优秀的代理服务器软件.Squid可以配置普通上网代理(正向代理).反向代理.透明代理.系统是CentOS6.2.Squid主机IP为192.168.1.100. 安装s ...

  7. centos6升级python2.7

    #下载python #wget http://python.org/ftp/python/2.7.3/Python-2.7.3.tar.bz2 #安装支持https yum install opens ...

  8. 微信支付开发-当前页面的URL未注册

    微信支付的开发设置要求设置微信支付可以发起的目录. 当出现“当前页面的URL未注册”的错误时,检查你的授权目录(一般是未填写或填写有误),注意要二级或者三级目录完全匹配.

  9. VC++ 如何让ScrollView视图显示滚动条

    CSize sizeTotal; sizeTotal.cx = ;//值设大点 sizeTotal.cy = ;//值设大点 SetScrollSizes(MM_TEXT, sizeTotal); 显 ...

  10. Qt链接网站SLOT

    void BottomToolWidget::openLink() { QString link = "http://www.baidu.com";//在.h中添加slot声明,在 ...