jQuery插件（cookie存值）
2024-04-02 11:56:59
使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为：
保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null)
其中参数key为保存cookie对象的名称，value为名称对应的cookie值。
实例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"></meta>
<title>cookie插件</title>
<script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
<script src="http://www.imooc.com/data/jquery.cookie.js" type="text/javascript"></script>
</head> <body>
<div id="divtest">
<div class="content">
<span class="fl">Login：</span><br />
<input id="username" name="username" type="text" /><br />
<input id="password" name="password" type="text" /><br />
<input id="chksave" type="checkbox" />是否保存用户信息<br />
<span class="fr">
<input id="btnSet" type="button" value="登录" />
</span>
</div>
</div> <script type="text/javascript">
$(function () {
if ($.cookie("username")) {
$("#username").val($.cookie("username"));
}
if ($.cookie("password")) {
$("#password").val($.cookie("password"));
}
$("#btnSet").bind("click", function () {
if ($("#chksave").is(":checked")) {
$.cookie("username",$("#username").val(), {
path: "/", expires: 7 //expires:表示过期时间，默认为天，如上表示过期时间为7天,如果省略过期时间，表示关闭浏览器时候，cookie将被删除
})
$.cookie("password",$("#password").val(), {
path: "/", expires: 7
})
}
else {
$.cookie("username", null, {
path: "/"
});
$.cookie("username", null, {
path: "/"
})
}
});
});
</script>
</body>
</html>
实现效果是cookie记录了email的值，下一次打开浏览器的时候会有记录。
最新文章
- Java数组扩容算法及Java对它的应用
- TextView显示颜色高亮的问题
- 高频交易策略[z]
- dede默认的表
- 安卓开发之viewpager学习（头条显示）
- Java中遍历Map的几种方法
- Linux系统下启动MySQL报错：Neither host &#39;localhost.localdomain&#39; nor &#39;localhost&#39; could be looked up with
- Object-c学习之路五（@protocol协议）
- IP头、TCP头、UDP头详解以及定义
- ajax调用数据案例，二级联动
- 程序员工作 996 生病 ICU ？
- Bayesian RL and PGMRL
- centos 升级python3
- shell之重定向
- 看看大网站都用什么操作系统和Web服务器
- 逆袭之旅.DAY08东软实训.多态~
- 【转】在嵌入式Linux和PC机Linux下使用popen函数时，程序运行结果有差异。
- android 获取sd卡根目录
- react-native 常规操作
- SqlServer快速获得表总记录数(大数据量)