jquery操作cookie插件分享


Posted in Javascript onJanuary 14, 2014

插件的源代码如下:

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') {
        options = options || {};
        if (value === null) {
            value = '';
            options = $.extend({}, options);
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString();
        }
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else {
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};

具体用法如下:
1、设置cookie的值,比如我们要设置变量名为userid对应值为123的cookie,代码如下:
$.cookie('userid','123');
2、新建一个cookie,并设置cookie的有效期 路径 域名等,代码如下:
$.cookie('userid, '123', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
注意:如果去掉后面{}的参数,新建后将以默认设置生效。
3、删除cookie,即把对应cookie值置为null,代码如下:
$.cookie('userid', null);
4、读取cookie,如读取变量名为userid的cookie值,代码如下:
var uId= $.cookie('userid');
怎么样,用jquery来操作cookie是不是很简单,你不用自己写太多的js,也不用为那些兼容性发愁,一切就这么顺利。

Javascript 相关文章推荐
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 #Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 #Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 #Javascript
js中opener与parent的区别详细解析
Jan 14 #Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 #Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 #Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 #Javascript
You might like
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
jquery插件制作简单示例说明
2012/02/03 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
AngularJS 异步解决实现方法
2017/06/12 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
jQuery实现移动端笔触canvas电子签名
2020/05/21 jQuery
js实现滑动进度条效果
2020/08/21 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
YesBabyOnline美国:全球性的在线婚纱礼服工厂
2018/05/05 全球购物
初二物理教学反思
2014/01/29 职场文书
环卫工人节活动总结
2014/08/29 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
校园广播站开场白
2015/06/01 职场文书
离职证明范本
2015/06/12 职场文书
百年孤独读书笔记
2015/06/29 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers