<!DOCTYPE html>

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Jquery Cookie</title>

    <script src="../Scripts/jquery-1.7.1.js"></script>

    <script src="../Scripts/jquery.cookie.js"></script>

    <script>

        $(function () {

            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 });

                }

                else {

                    $.cookie(cookie_Name, null, { path: '/' });

                }

            });

        })

    </script>

</head>

<body>

    用户名: <input type="text" name="username"   id="username" /> <br />

    <input type="checkbox" name="check" id="check"  /> 记住用户名

</body>

</html>

/*

  Cookie API

	写入Cookie

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

		//'the_cookie' 为待写入的Cookie名,'the_value'为待写入的值

	读取Cookie

		$.cookie('the_cookie');

		//'the_cookie' 为待读取的Cookie名

	删除Cookie

		$.cookie('the_cookie',null)

		//the_cookie为Cookie名，设置为null即删除此Cookie,必须使用与之前设置时相同的路径(path)和域名(domain),才可以正确的删除Cookie

	其他可选参数

		$.cookie('the_cookie','the_value',{

		    expires:7,

		    path:'/'

		    demain:'jquery.com',

		    secure:true

		});

		//expires:(Number||Date)有效期,可以设置一个整数作为有效期（天）,也可以直接设置一个日期对象作为Cookie过期日期,如果时间指定日期为负数

		//例如已经过去的日子，那么此Cookie将被删除，如果不设置或者设置为null,那么此Cookie将被做为Sesson Cookie处理,并且在浏览器关闭后删除

		//path:(String)Cookie的路径属性,默认是创建改Cookie的页面路径

		//dimain:(String)Cookie的域名属性,默认是创建改Cookie的页面域名

		//secure:(Boolean)如果设为True,那么此Cookie的传输会要求一个安全协议，例如HTTPS

*/