jQuery简单操作cookie的插件实例


Posted in Javascript onJanuary 13, 2016

本文实例讲述了jQuery操作cookie的插件。分享给大家供大家参考,具体如下:

jQuery.cookie = function(name, value, options) {
  if (typeof value != 'undefined') { // name and value given, set cookie
    options = options || {};
    if (value === null) {
      value = '';
      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;
  }
};

调用也很方便:

//使用方法如下:
//设置cookie的键值对
//$.cookie('name', ‘value');
//设置cookie的键值对,有效期,路径,域,安全
//$.cookie('name', ‘value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true});
//新建一个cookie 包括有效期 路径 域名等
//读取cookie的值
//var account= $.cookie('name');
//删除一个cookie
//example $.cookie('name', null);

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
Sep 03 Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
Oct 18 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
vue项目打包后路由错误的解决方法
Apr 13 Vue.js
AngularJS单选框及多选框实现双向动态绑定
Jan 13 #Javascript
javascript中的作用域和闭包详解
Jan 13 #Javascript
JSON+Jquery省市区三级联动
Jan 13 #Javascript
Easyui form combobox省市区三级联动
Jan 13 #Javascript
轻松实现javascript图片轮播特效
Jan 13 #Javascript
简单的JS时钟实例讲解
Jan 13 #Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 #Javascript
You might like
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
Laravel 加载第三方类库的方法
2018/04/20 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
简介JavaScript中toUpperCase()方法的使用
2015/06/06 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
详解AngularJS 过滤器的使用
2018/06/02 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
jQuery实现增删改查
2020/12/22 jQuery
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
Linux下编译安装MySQL-Python教程
2015/02/02 Python
基于python中的TCP及UDP(详解)
2017/11/06 Python
Python BS4库的安装与使用详解
2018/08/08 Python
使用python绘制二维图形示例
2019/11/22 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
安全事故检讨书
2014/01/18 职场文书
村庄环境整治方案
2014/05/15 职场文书
节约用电标语
2014/06/17 职场文书
三严三实对照检查材料
2014/08/25 职场文书
我的中国心演讲稿
2014/09/04 职场文书
公司领导班子四风对照检查材料
2014/09/27 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
护理实习生带教计划
2015/01/16 职场文书