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 相关文章推荐
Javascript技术技巧大全(五)
Jan 22 Javascript
javascript 一个函数对同一元素的多个事件响应
Jul 25 Javascript
javascript实现的在当前窗口中漂浮框的代码
Mar 15 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
js动态在form上插入enctype=multipart/form-data的问题
May 24 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
Feb 09 Javascript
vue实现树形菜单效果
Mar 19 Javascript
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
vue 解决异步数据更新问题
Oct 29 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
PHP 模板高级篇总结
2006/12/21 PHP
用PHP实现的四则运算表达式计算实现代码
2011/08/02 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
smarty简单分页的实现方法
2014/10/27 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
Python 调用Java实例详解
2017/06/02 Python
Python字符串处理实现单词反转
2017/06/14 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
python画图的函数用法以及技巧
2019/06/28 Python
python如何将两个txt文件内容合并
2019/10/18 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
化学实验员岗位职责
2013/12/28 职场文书
小学数学教学反思
2014/02/02 职场文书
软件项目实施计划书
2014/05/02 职场文书
环境科学专业求职信
2014/08/04 职场文书
2014年德育工作总结
2014/11/20 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
Python echarts实现数据可视化实例详解
2022/03/03 Python