jQuery插件(cookie存值)
使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为:
保存:$.cookie(key,value)
;读取:$.cookie(key)
,删除:$.cookie(key,null)
其中参数key为保存cookie对象的名称,value为名称对应的cookie值。
实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"></meta> <title>cookie插件</title> <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script> <script src="http://www.imooc.com/data/jquery.cookie.js" type="text/javascript"></script> </head> <body> <div id="divtest"> <div class="content"> <span class="fl">Login:</span><br /> <input id="username" name="username" type="text" /><br /> <input id="password" name="password" type="text" /><br /> <input id="chksave" type="checkbox" />是否保存用户信息<br /> <span class="fr"> <input id="btnSet" type="button" value="登录" /> </span> </div> </div> <script type="text/javascript"> $(function () { if ($.cookie("username")) { $("#username").val($.cookie("username")); } if ($.cookie("password")) { $("#password").val($.cookie("password")); } $("#btnSet").bind("click", function () { if ($("#chksave").is(":checked")) { $.cookie("username",$("#username").val(), { path: "/", expires: 7 //expires:表示过期时间,默认为天,如上表示过期时间为7天,如果省略过期时间,表示关闭浏览器时候,cookie将被删除 }) $.cookie("password",$("#password").val(), { path: "/", expires: 7 }) } else { $.cookie("username", null, { path: "/" }); $.cookie("username", null, { path: "/" }) } }); }); </script> </body> </html>
实现效果是cookie记录了email的值,下一次打开浏览器的时候会有记录。
努力吧,为了媳妇儿,为了家。。。