jquery.cookies 是一个插件,首先调用插件
<script src="js/jquery.cookies.js"></script>
然后再JS中调用函数
<script>
$(function(){
//写入cookie
$.cookie("cookie名称", "写入的内容", { expires: 7, path: '/',domain:'.baidu.com' });
});
//获取cookie
var UserCookie=$.cookie("cookie名称"");
</script>
中括号{}里
expires :保存cookie时间(这里是过期时间)
path : 路径(通常就是一个“/”就行了)
domain : 域
【1】先下载jquery.cookie插件:https://github.com/carhartl/jquery-cookie
【2】安装插件:
[html] view plain copy
<script type="text/javascript" src="<%=basePath%>ie6/crm2/js/lib/cookies/jquery.cookie.js"></script>
【3】功能逻辑:
[javascript] view plain copy
//判断之前是否有设置cookie,如果有,则设置【记住我】选择框
if($.cookie('absms_crm2_userName')!=undefined){
$("#rememberMe").attr("checked", true);
}else{
$("#rememberMe").attr("checked", false);
}
//读取cookie
if($('#rememberMe:checked').length>0){
$('#userName').val($.cookie('absms_crm2_userName'));
$('#password').val($.cookie('absms_crm2_password'));
}
//监听【记住我】事件
$("#rememberMe").click(function(){
if($('#rememberMe:checked').length>0){//设置cookie
$.cookie('absms_crm2_userName', $('#userName').val());
$.cookie('absms_crm2_password', $('#password').val());
}else{//清除cookie
$.removeCookie('absms_crm2_userName');
$.removeCookie('absms_crm2_password');
}
});
【4】使用
[html] view plain copy
<tr>
<td width="60">账 号:</td>
<td width="244"><input id="userName" name="userName" type="text" class="inp_01" /></td>
</tr>
<tr>
<td>密 码:</td>
<td><input id="password" name="password" type="password" class="inp_01" /></td>
</tr>
<tr>
<td> </td>
<td><input id="rememberMe" type="checkbox"/> 记住我</td>
</tr>