jQuery设置Cookie及删除Cookie实例分析


Posted in Javascript onApril 15, 2016

本文实例讲述了jQuery设置Cookie及删除Cookie的方法。分享给大家供大家参考,具体如下:

这是一个jQuery cookie的使用例子,通过本示例的学习希望朋友们能熟悉在引入jquery.cookie.js插件后,如何去使用它,你可以了解到cookie天数设置、日期设置、多个cookie的设置、如何获取Cookie、通过 date 对象设置过期日期为 3 天后的那天、设置有效期天数等小技巧。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<script src="jquery1.3.2.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var COOKIE_NAME = 'test_cookie';
var ADDITIONAL_COOKIE_NAME = 'additional';
$('a').eq(0).click(function() { // 用天数设置 cookie
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 10 });
return false;
});
$('a').eq(1).click(function() { // 用日期设置 cookie
var date = new Date();
date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
$('a').eq(2).click(function() { // 获取 cookie
alert($.cookie(COOKIE_NAME));
return false;
});
$('a').eq(3).click(function() { // 删除 cookie
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
$('a').eq(4).click(function() { // 设置第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, 'foo', { expires: 10 });
return false;
});
$('a').eq(5).click(function() { // 获取第二个 cookie
alert($.cookie(ADDITIONAL_COOKIE_NAME));
return false;
});
$('a').eq(6).click(function() { // 删除第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, null);
return false;
});
});
</script>
</head>
<body>
<p>
<a href="#">设置 cookie (设置有效期天数为 10 天)</a><br>
<a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br>
<a href="#">获取 cookie</a><br>
<a href="#">删除 cookie</a><br>
<a href="#">设置另一个 cookie</a><br>
<a href="#">获取另一个 cookie</a><br>
<a href="#">删除另一个 cookie</a>
</p>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
Aug 19 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 #Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 #Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 #Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 #Javascript
jQuery中的基本选择器用法学习教程
Apr 14 #Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 #Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 #Javascript
You might like
融入意大利的咖啡文化
2021/03/03 咖啡文化
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
php远程下载类分享
2016/04/13 PHP
PHP对象相关知识总结
2017/04/09 PHP
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
浅谈 Vue v-model指令的实现原理
2017/06/08 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
[05:49]2014DOTA2TI4正赛第二日综述 昔日冠军纷纷落马 VG LGD占尽先机
2014/07/20 DOTA
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
python isinstance函数用法详解
2020/02/13 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
在python image 中实现安装中文字体
2020/05/16 Python
执行总经理岗位职责
2014/02/03 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
Python中22个万用公式的小结
2021/07/21 Python
使用springMVC所需要的pom配置
2021/09/15 Java/Android