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 操作下拉列表框实现代码
Feb 22 Javascript
js中哈希表的几种用法总结
Jan 28 Javascript
javascript中字符串拼接详解
Sep 26 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
Node 代理访问的实现
2019/09/19 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
python列表去重的二种方法
2014/02/14 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
python如何制作缩略图
2019/04/30 Python
Django如何防止定时任务并发浅析
2019/05/14 Python
python argparser的具体使用
2019/11/10 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
python 实现超级玛丽游戏
2020/11/25 Python
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
泰国王权免税店官方网站:KingPower
2019/03/11 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
《领导干部从政道德启示录》学习心得体会
2016/01/20 职场文书