先下载Jquery cookie js ，下载路径： http://plugins.jquery.com/cookie/
记住，jquery的包要放在cookie的包前面，否则会产生异常
<!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的快速上手
/*
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
*/