jQuery中cookie插件如何使用

通过cookie插件可以很便利的保存用户的页面浏览记录，在用户选择保护的情况下，还可以保存用户的情况

第一步

引入文件，下载插件： http://plugins.jquery.com/cookie/

第二步

<script type="text/javascript" src="js/jquery.cookie.js"></script>

第三步

如下例，html写入你需要使用的输入框

<div class="banner-bottom2">
						<div class="bnr-one">
							<div class="bnr-right">
								<input class="dat" id="Rname" name="user" type="text" placeholder="昵称">
								<span class="error_news"></span>
							</div>
						</div>
						<div class="bnr-one">
							<div class="bnr-right">
								<input class="dat" id="phoneNum" name="num" type="text" placeholder="手机号码">
								<span class="error_news"></span>
							</div>
						</div>
						<div class="bnr-one">
							<div class="bnr-right">
								<input class="dat" id="Repass" name="password" type="password" placeholder="输入密码(6~9个字符)">
								<span class="error_news"></span>
							</div>
						</div>
						<div class="bnr-one">
							<div class="bnr-right">
								<input class="dat" id="Rnpass" name="confirm_password" type="password"  placeholder="确认密码">
								<span class="error_news"></span>
							</div>
						</div>
						<div class="bnr-btn">
							<form>
								<input type="submit" id="Rsbt" value="注册" class="btn">
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>

第四步

如下例，js文件写入使用cookie插件

var again=0;
	if($.cookie("username")){
		$("#username").val($.cookies("username"))
	}
	$("#sbtUser").submit(function(){
		if($("#save").attr("checked")){
			$.cookie("username",$("username").val(),{
				path:"/",expires:7
			})
		}
		else{
			$.cookie("username",null,{
				path:"/"
			})
		}
		return false;
	})

第五步

点击submit提交按钮即可保存