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学习4 浏览器的事件模型
Feb 07 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
js图片切换具体实现代码
Oct 13 Javascript
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
vue实现element表格里表头信息提示功能(推荐)
Nov 20 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
Feb 04 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入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
JS window.opener返回父页面的应用
2009/10/24 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
VUE重点问题总结
2018/03/19 Javascript
Vue常见面试题整理【值得收藏】
2018/09/20 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
Python实现图片滑动式验证识别方法
2017/11/09 Python
python利用smtplib实现QQ邮箱发送邮件
2020/05/20 Python
Python面向对象类的继承实例详解
2018/06/27 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
基层党建工作汇报材料
2014/08/15 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
Golang 链表的学习和使用
2022/04/19 Golang