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 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
Jquery操作radio的简单实例
Jan 06 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
vue-cli axios请求方式及跨域处理问题
Mar 28 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
Vue3为什么这么快
Sep 23 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
关于uniApp editor微信滑动问题
Jan 15 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关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
PHP 实现字符串翻转(包含中文汉字)的实现代码
2017/04/01 PHP
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
js获取页面及个元素高度、宽度的代码
2016/04/26 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
requirejs + vue 项目搭建详解
2017/06/16 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
使用Python写CUDA程序的方法
2017/03/27 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
Python try except else使用详解
2021/01/12 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
亲属关系公证书
2014/04/08 职场文书
党支部综合考察材料
2014/05/19 职场文书
物资采购方案
2014/06/12 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
爱心募捐感谢信
2015/01/22 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript