JQuery居然没有操作cookie相关的函数，搜了下官方有个cookie的插件。

简单使用方法：

  1.   <head>
  2.     <title>JQuery-Cookie插件</title>
  3.     <script type="text/javascript" src="jquery-1.4.js"></script>
  4.     <script type="text/javascript" src="jquery.cookie.js"></script>
  5.   </head>
  6.   <body>
  7.     <a href="#">设置cookie1</a><br>
  8.     <a href="#">设置cookie2</a><br>
  9.     <a href="#">获取cookie</a><br>
  10.     <a href="#">删除cookie</a><br>
  11.   </body>
  12. </html>
  13. <script type="text/javascript">
  14. $(function(){
  15.    var COOKIE_NAME = 'test_cookie';
  16.    //设置cookie，通过时间间隔
  17.    $('a').eq().click(function() {
  18.        $.cookie(COOKIE_NAME, 'test', { path: '/', expires:  });
  19.        return false;
  20.    });
  21.    // 设置cookie，到期时间
  22.    $('a').eq().click(function() {
  23.        var date = new Date();
  24.        date.setTime(date.getTime() + ( *  *  *  * ));
  25.        $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
  26.        return false;
  27.    });
  28.    // 获取 cookie
  29.    $('a').eq().click(function() {
  30.        alert($.cookie(COOKIE_NAME));
  31.        return false;
  32.    });
  33.    // 删除cookie
  34.    $('a').eq().click(function() {
  35.        $.cookie(COOKIE_NAME, null, { path: '/' });
  36.        return false;
  37.    });
  38. });
  39. </script>

插件的源代码也很简单：

  1.  jQuery.cookie = function(name, value, options) {
  2.     if (typeof value != 'undefined') { // name and value given, set cookie
  3.         options = options || {};
  4.         if (value === null) {
  5.             value = '';
  6.             options.expires = -1;
  7.         }
  8.         var expires = '';
  9.         if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
  10.             var date;
  11.             if (typeof options.expires == 'number') {
  12.                 date = new Date();
  13.                 date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
  14.             } else {
  15.                 date = options.expires;
  16.             }
  17.             expires = '; expires=' + date.toUTCString();
  18.         }
  19.         var path = options.path ? '; path=' + (options.path) : '';
  20.         var domain = options.domain ? '; domain=' + (options.domain) : '';
  21.         var secure = options.secure ? '; secure' : '';
  22.         document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
  23.     } else {
  24.         var cookieValue = null;
  25.         if (document.cookie && document.cookie != '') {
  26.             var cookies = document.cookie.split(';');
  27.             for (var i = 0; i < cookies.length; i++) {
  28.                 var cookie = jQuery.trim(cookies[i]);
  29.                 if (cookie.substring(0, name.length + 1) == (name + '=')) {
  30.                     cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
  31.                     break;
  32.                 }
  33.             }
  34.         }
  35.         return cookieValue;
  36.     }
  37. };

　　

JQuery：cookie插件的更多相关文章

  1. jQuery cookie插件保存用户登陆信息

    通过jquery cookie插件保存用户登录信息. 代码: <html>  <head>  <title>cookies.html</title>  ...

  2. jquery cookie插件

    jquery-cookie下载地址:http://www.bootcdn.cn/jquery-cookie/ 使用方法: 1.引入jQuery.Cookie.js插件. <script src= ...

  3. jQuery插件之Cookie插件使用方法~

    一.介绍 1-1.jQuery.Cookie.js插件是一个轻量级的Cookie管理插件.下载地址:jQuery-cookie.js  有需要的朋友,右键另存为即可! 二.使用方法 2-1.引入jQu ...

  4. jquery.cookie() 的使用（原）

    jquery.cookie()是一个轻量级的cookie 插件,可以读取.写入.删除 cookie. 步奏: 1. 添加jQuery插件和jQuery.cookie插件 <script src= ...

  5. jQuery.cookie

    了解cookie先了解一下知识点: Navigator (一般是浏览器)对象包含有关浏览器的信息. Navigator userAgent:是一个只读字符串,声明了浏览器用于HTTP请求的用户代理头的 ...

  6. 关于 jquery cookie的用法

    东钿微信公众平台新版上线 需要一个引导用户操作步骤.设置一个cookie师傅偶第一次访问此页面 .如果是则跳出用户引导,如果不是,正常显示. 一开始在百度了一段jquery cookie插件,也没仔细 ...

  7. jquery cookie问题

    近期工作中遇到了jquery cookie解决问题,顺便记录下: <div id="submenu"> <ul> <li><a id=&q ...

  8. jquery.cookie广告弹窗点击关闭后一天弹一次

    jquery.cookie广告弹窗点击关闭后一天弹一次 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  9. jquery插件的用法之cookie 插件

    一．使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...

  10. jQuery：cookie插件的使用

    Jquery插件就是在Jquery基础之上,开发的基于Jquery的javascript库. 在Jquery中,引入cookie插件后,可以很方便的定义某个cookie的名称,并设置cookie值.通 ...

随机推荐

  1. CentOS6.X安装10G需要额外安装的软件包

    yum -y install libXp yum -y install libXp.i686 yum -y install libXtst.i686

  2. 15个常用的javaScript正则表达式--来自于javascript公众号

    摘要 收集整理了15个常用的javaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. ...

  3. React组件之间通过Props传值的技巧(小案例，帮助体会理解props、state、受控组件和非受控组件等)

    本文重要是根据react小书上的一个很简单的例子改编的,加上自己的学习理解,希望可以通过实际案例让大家对概念有更清晰的理解,当然也希望能一块学习. import React,{Component} f ...

  4. Python 极简教程（四）变量与常量

    变量和常量 在 Python 中没有 常量 与 变量 之分.只有约定成俗的做法: 全大写字母的名称即为 常量: PI = 3.1415926 全小写字母的名称为 变量: name = 'nemo' 变 ...

  5. hibernate hbm.xml配置映射

    <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...

  6. Linux学习总结（4）——Centos6.5使用yum安装mysql——快速上手必备

    第1步.yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果: Installed:     mysql-server.x86_6 ...

  7. 洛谷 P2118 比例简化

    P2118 比例简化 题目描述 在社交媒体上,经常会看到针对某一个观点同意与否的民意调查以及结果.例如,对某一观点表示支持的有1498 人,反对的有 902人,那么赞同与反对的比例可以简单的记为149 ...

  8. iOS8: 企业开发的终结？

    iOS 8 的公布(如今是 iOS8.1),并非对全部人来说都是值得高兴的事情. 对那些使用企业部署(不经过商店公布)的 app 开发人员来说,又被苹果坑到了. 由于 iOS 8 的一个Bug.导致企 ...

  9. Project Euler 613 Pythagorean Ant（概率+积分）

    题目链接:点击我打开题目链接 题目大意: 给你一只蚂蚁,它在一个 边长为 \(30-40-50\) 的直角三角形\((x,y)\)上,并且它在直角三角形中选择的位置和移动方向的概率都是相等的.问你这只 ...

  10. 通过Rman catalog 创建及管理Oracle数据库备份

    基本环境信息target DB (需备份数据库) 192.168.199.67 ORACLE_SID=zgw HOSTNAME=Oracle11 catlog DB (备份管理数据库) 192.168 ...