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 相关文章推荐
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
js enter键激发事件实例代码
Aug 17 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
详解Vite的新体验
Feb 22 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
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
2007/04/12 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
ECMAScript 基础知识
2007/06/29 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
2016/11/03 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
React实现轮播效果
2020/08/25 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
python中datetime模块中strftime/strptime函数的使用
2018/07/03 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
python实现滑雪者小游戏
2020/02/22 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
寒假家长评语大全
2014/04/16 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
java代码实现空间切割
2022/01/18 Java/Android