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提交按鈕即可儲存