jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件，可以读取、写入、删除 cookie。
jquery.cookie.js可以从Github上面获得源码
3. css样式：
.lr-remUser {color: #9d9d9d;cursor: pointer;font-size: 14px;line-height: 25px;padding-left: 30px;} 4. js实现
//按照状态读取是否显示昵称if ($.cookie("rmbUser") == "true") {$("#remUserSelect").addClass("active");//如果是选中，那么给上选中的标志$("#username").val($.cookie("nickName"));//记录账号} //验证记住帐号function vailRememberNickName(){if($("#remUserSelect").hasClass("active")){var nickName = $("#username").val();$.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie$.cookie("nickName", nickName, { expires: 7 }); // 存储一个带7天期限的 cookie}else {$.cookie("rmbUser", "false", { expires: -1 });$.cookie("nickName", '', { expires: -1 });}} 5. 然后在点击登录的时候进行调用这个方法。
//登录提交表单$("#login-submit").on("click",function(){var form = $("#loginForm");if(!vailPhone())return;if(!vailPwd())return;vailRememberNickName();form.submit();}); 6. 登录查看浏览器控制台效果如下：
7. 退出登录的时候可以看到登录框的效果：
以上内容是小编给大家介绍的Jquery操作cookie记住用户名的相关说明，希望对大家有所帮助！
