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. 清理系统 cmd

    echo 正在清除系统垃圾文件,请稍等......del /f /s /q %systemdrive%*.tmpdel /f /s /q %systemdrive%*._mpdel /f /s /q ...

  2. C# 文件/文件夹重命名

    C# 重命名的方法是MoveTo() 官方文档地址 (https://msdn.microsoft.com/zh-cn/library/system.io.fileinfo.moveto%28VS.8 ...

  3. Note1: windows下Python IDE(Eclipse+Pydev)

    毕设想做一个个性化音乐推荐系统,真的是从零开始学起,通过<推荐系统实践>大致地了解了一些基础知识,目前在啃<集体智慧编程>. 选用的开发环境是 Eclipse+Pydev . ...

  4. 简单Java算法程序实现！斐波那契数列函数~

    java编程基础--斐波那契数列 问题描述:一只青蛙一次可以跳上1级台阶,也可以跳上2级.求该青蛙跳上一个n级的台阶总共有多少种跳法. 思路:可能出现的情况:(1) n=1 ,一种方法 ;(2)n=2 ...

  5. 你不知道的this—JS异步编程中的this

    Javascript小学生都知道了javascript中的函数调用时会 隐性的接收两个附加的参数:this和arguments.参数this在javascript编程中占据中非常重要的地位,它的值取决 ...

  6. MyBatis - MyBatis使用log4j2显示sql和结果集

    mybatis-config.xml <settings> <setting name="logImpl" value="LOG4J2" /& ...

  7. DDD~概念中的DDD（转）

    概念中的DDD DDD: 领域驱动设计,它是对面向对象的的分析和设计(OOAD,Object Orient Analysis Design)的一个补充,对技术框架进行了分层规划,同时对每个类进行了策略 ...

  8. Hdu5093 Battle ships 二分图

    Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Submission( ...

  9. MongoDB基本使用

    成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作. 输入help可以看到基本操作命令: show dbs:显示数据库列表 show collections:显示 ...

  10. csipsimple 出现单通情况

    今天在测试voip电话时,突然打不通了和windows端也不通,boss发怒了. 经过排查,发现设置G729编码 //设置G729编码 prefs.setCodecPriority("g72 ...