jquery.cookies使用
生活随笔
收集整理的這篇文章主要介紹了
jquery.cookies使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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>
<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>
轉載于:https://www.cnblogs.com/mabiao008/p/6092514.html
總結
以上是生活随笔為你收集整理的jquery.cookies使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java处理文件路径windows与li
- 下一篇: ubuntu系统安装的MySql数据库,