Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。

例如：购物网站存储用户曾经浏览过的产品列表，或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下，还可以存储用户的登录信息，使得用户在访问网站时不必每次都键入这些信息。

jquery.cookie.js下载地址：http://plugins.jquery.com/cookie/

使用方法：

1、引入jQuery与jQuery.Cookie.js插件。

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

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

2、将cookie写入文件。

var COOKIE_NAME = 'username';

if( $.cookie(COOKIE_NAME) ){

    $("#username").val( $.cookie(COOKIE_NAME) );

}

$("#check").click(function(){

    if(this.checked){

    $.cookie(COOKIE_NAME, $("#username").val() , {

        path: '/',

        expires: 10

    });

    //var date = new Date();

    //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期

    //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });

      }else{

        $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie

    }

});

　　函数

　　语法：$.cookie(名称,值,[option])

　　(1)读取cookie值

　　$.cookie(cookieName)　　　        cookieName:要读取的cookie名称。

　　示例：$.cookie("username"); 读取保存在cookie中名为的username的值。

　　

　　(2)写入设置Cookie值：

　　$.cookie(cookieName,cookieValue);　　cookieName:要设置的cookie名称，cookieValue表示相对应的值。

　　示例:$.cookie("username","admin"); 将值"admin"写入cookie名为username的cookie中。

　　$.cookie("username",NULL);　　　销毁名称为username的cookie

　　

　　(3) [option]参数说明：

　　expires:　　有限日期，可以是一个整数或一个日期(单位：天)。　　这个地方也要注意，如果不设置这个东西，浏览器关闭之后此cookie就失效了

　　path:　　　 cookie值保存的路径，默认与创建页路径一致。

　　domin: cookie域名属性，默认与创建页域名一样。　　这个地方要相当注意，跨域的概念，如果要主域名二级域名有效则要设置　　".xxx.com"

　　secrue:　　 一个布尔值，表示传输cookie值时，是否需要一个安全协议。

　　示例：

$.cookie("like", $(":radio[checked]").val(), {

      path: "/",

    expiress: 7

})

一个完整设置与读取cookie的页面代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>jQuery学习2</title>

<script src="jQuery.1.8.3.js" type="text/javascript"></script>

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

<script type="text/javascript">

    $(function() {

        $("#username").val($.cookie("username"));

        if ($.cookie("like") == "刘德华") {

            $(":radio[value='刘德华']").attr("checked", 'checked')

        } else {

            $(":radio[value='张学友']").attr("checked", 'checked')

        }

        $(":button").click(function() {

            $.cookie("username", $("#username").val(), {

                path : "/",

                expires : 7

            })

            $.cookie("like", $(":radio[checked]").val(), {

                path : "/",

                expiress : 7

            })

        })

    })

</script>

</head>

<body>

    <p>

        <input type="text" id="username" value="" />

    </p>

    <p>

        <input type="radio" name="like" value="刘德华" />刘德华 <input type="radio"name="like" value="张学友" />张学友

    </p>

    <p>

        <input type="button" value="保存" />

    </p>

</body>

</html>

cookie本质上是一个txt文本，因此只能够存入字符串，对象通常要序列化之后才能存入cookie，而取的时候要反序列才又能得到对象。

$(function() {

	if ($.cookie("o") == null) {

		var o = {

			name : "张三",

			age : 24

		};

		var str = JSON.stringify(o);//对序列化成字符串然后存入cookie

		$.cookie("o", str, {

			expires : 7

		//设置时间，如果此处留空，则浏览器关闭此cookie就失效。

		});

		alert("cookie为空");

	} else {

		var str1 = $.cookie("o");

		var o1 = JSON.parse(str1);//字符反序列化成对象

		alert(o1.name);//输反序列化出来的对象的姓名值

	}

})

jquery设置cookie过期时间与检查cookies是否可用

//让cookies在x分钟后过期

var date = new date();

date.settime(date.gettime() + (x * 60 * 1000));

$.cookie(‘example', ‘foo', { expires: date });

$.cookie(‘example', ‘foo', { expires: 7});

检查cookies是否可用

$(document).ready(function() {

    var dt = new date();

    dt.setseconds(dt.getseconds() + 60);

    document.cookie = "cookietest=1; expires=" + dt.togmtstring();

    var cookiesenabled = document.cookie.indexof("cookietest=") != -1;

    if(!cookiesenabled){

        //cookies不能用……..

    }

});

原文地址：http://www.jb51.net/article/44557.htm

 

【转】jquery.cookie.js的使用的更多相关文章

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

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

  2. jquery.cookie.js && java后台代码 操作cookie实现记住当前用户输入信息代码

    下载jquery.cookie.js地址看这里:http://pan.baidu.com/s/1gdCPaN5 //初始化页面时验证是否记住了密码 $(document).ready(function ...

  3. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

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

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

  5. jQuery.cookie.js插件了解及使用方法

    jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jque ...

  6. jquery.cookie.js使用

    1.下载jquery.cookie.js 官网:http://plugins.jquery.com/cookie/ 或 http://pan.baidu.com/s/1mgynA8g 2.使用方法 $ ...

  7. 【jquery】jquery.cookie.js 的使用指南

    之前有写过一篇原生 js 的 cookie 介绍,并且最后封装成 cookie.js 具体内容点击传送门. jquery.cookie.js 是一款轻量级的 cookie 插件,可以读取,写入和删除 ...

  8. jquery.cookie.js 用法

    jquery.cookie.js 用法   一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 j ...

  9. jQuery.Cookie.js用法

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

随机推荐

  1. GET和POST可传递的值到底有多大？

    前日,看到这个问题了. 没有深入了解.我的常识里面get最大传递的值为256b,post 是2M.这是很久以前不知在哪看到的.于是又百度一下.看到两篇文章装过来看看: 浅谈 HTTP中Get与Post ...

  2. [BZOJ3262]陌上花开

    [BZOJ3262]陌上花开 试题描述 有n朵花,每朵花有三个属性:花形(s).颜色(c).气味(m),又三个整数表示.现要对每朵花评级,一朵花的级别是它拥有的美丽能超过的花的数量.定义一朵花A比另一 ...

  3. Python自动化之django的ORM操作——Python源码

    """ The main QuerySet implementation. This provides the public API for the ORM. " ...

  4. Frame创建窗体实例

    public class Test { public static void main(String[] args) { // TODO Auto-generated method stub Fram ...

  5. Java 类初始化顺序

    总的来说: 父类静态代码块->子类静态代码块->子类main()方法->父类构造块->父类构造方法->子类构造块->子类构造方法 注意,就算是静态的方法也需要调用才 ...

  6. Runnable接口

    Runnable接口的说用是使线程不仅可以继承Thread类实现,还可以继承其他类(比如:JFrame). 此接口具有两个构造方法: (1)public Thread(Runnable r) (2)p ...

  7. php 总结第一篇（望大家补充！谢谢）

    /* 数组的常用函数 * * 数组的排序函数 *   sort() *   rsort() *   usort() *   asort() *   arsort() *   uasort() *   ...

  8. 几种鼠标触发CSS事件

    onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 onMouseMove 鼠标移动时触发 ...

  9. 2.oracle 12c 创建-访问-关闭-删除PDB

    1.创建PDB SQL> select name from v$datafile;   NAME ------------------------------------------------ ...

  10. 第十六篇：SWindow的布局属性pos2type及offset

    当窗口大小需要根据内容来确定时,使用XML布局可能需要做一些特殊的处理. 例如:不管窗口多大,我需要将该窗口相对于父窗口居中在XML中应该怎么处理? 如果窗口大小是固定的(如, 100 *100),这 ...