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 相关文章推荐
jQuery ui插件的使用方法代码实例
May 08 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
JS实现禁止鼠标右键的功能
Oct 15 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
jQuery简单实现MD5加密的方法
Mar 03 Javascript
angular中实现控制器之间传递参数的方式
Apr 24 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
vue中template的三种写法示例
Oct 21 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
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
js渐变显示渐变消失示例代码
2013/08/01 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
js实现tab切换效果
2017/02/16 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Python通过Pillow实现图片对比
2020/04/29 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
电大自我鉴定范文
2013/10/01 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
个人年终总结怎么写
2015/03/09 职场文书
个人收入证明范本
2015/06/12 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书