jQuery中cookie插件如何使用

来源:互联网 发布:强制视频软件免费版 编辑:程序博客网 时间:2024/06/05 02:57

通过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提交按钮即可保存


原创粉丝点击