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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
CSS常用网站布局实例
Apr 03 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
Mar 03 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
原生js实现自定义滚动条组件
Jan 20 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
js数组依据下标删除元素
2015/04/14 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
js实现复选框的全选和取消全选效果
2017/01/03 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
Python实现在线音乐播放器
2017/03/03 Python
Django的HttpRequest和HttpResponse对象详解
2018/01/26 Python
python使用tkinter实现简单计算器
2018/01/30 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Python实现京东抢秒杀功能
2021/01/25 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
学校采购员岗位职责
2014/01/02 职场文书
个人承诺书怎么写
2014/05/24 职场文书
食品安全标语
2014/06/07 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
免职证明样本
2014/10/23 职场文书
以下牛机,你有几个
2022/04/05 无线电