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. python运算符

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAHCCAIAAADzel4SAAAgAElEQVR4Aey9+bMcSXLnV1dmna/ejR

  2. Shell 编程 : 数值，字符，字符串

    数值运算命令     expr 命令     expr expression     expression 是由字符串 以及 运算符所组成的,每一个字符串或说运算符之间必须用空格隔开,   运算符的优 ...

  3. dataset 修改小数点位数

    #region dataset过滤器(修改小数点位数)导出使用 public DataSet ChangeDataSetValue(DataSet dataset) { foreach (DataTa ...

  4. 如何破解mac版UltraEdit？

    Rodolfo教你如何破解UtralEdit? 第一步:去官网下载原载,先运行一次: 第二步:在终端里执行下面代码就可以破解完成!printf '\x31\xC0\xFF\xC0\xC3\x90' | ...

  5. Spring4.0编程式定时任务配置

    看过很多定时调度的配置,大多使用XML配置,觉得比较麻烦,也比较老套.这里介绍一种基于spring4.0注解编程式配置定时任务,简单清晰,使用方便.. 至于引入spring相关jar这里不多说,直接切 ...

  6. 计算机系列：CUDA 深入研究

    Copyright © 1900-2016, NORYES, All Rights Reserved. http://www.cnblogs.com/noryes/ 欢迎转载,请保留此版权声明. -- ...

  7. 七月十三号CSS3总结《2D的转换》

    /*2D的转换*/ 位移 -webkit-transform: translate(10px, 10px) 缩放 -webkit-transform: scale(.5, .5)重置原点 ...

  8. tomcat找不到class的情况分析

    例如:java.lang.ClassNotFoundException: org.apache.axis2.AxisFault 1,真实的缺包,这是使用该jar包的java程序也会一般会直接报错,无法 ...

  9. 浏览器控制台console

    console对象 console对象代表浏览器的JavaScript控制台.虽然它还不是标准,但是各大浏览器都原生支持,已经成为事实上的标准. console对象主要有两个作用: 显示网页代码运行时 ...

  10. dedecms为什么文档标题最大长度只能显示二十个汉字呢？

    今天遇到文章标题无论怎么修改,超出二十个汉字不能全部保存,系统只截取前二十个汉字的内容进行保存. 在后台查看系统设置: 系统——其它选项——文档标题最大长度,的值是60,对应的数据库表字段char的长 ...