文档章节

JQuery插件之Cookie

Winnie007
 Winnie007
发布于 2015/11/24 13:06
字数 440
阅读 26
收藏 0

jQuery.Cookie.js插件是一个轻量的Cookie管理插件,下载地址(http://pan.baidu.com/s/1pJjDB6r

使用方法:

1、引入Jquery和jQuery.Cookie.js

<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>

2、函数

语法:$.cookie(名称,值,[option])

(1)、读取cookie值

$.cookie(cookieName)    cookieName:要读取的cookie名称

实例:$.cookie("username")    读取保存在cookie中名为username的值

(2)、写入设置cookie值

$.cookie(cookieName,cookieValue);  cookieName:要设置的cookie名称,cookieValue 表示对应的值

实例:$.cookie("username","wang"); 将值"wang"写入cookie名为username的cookie中。

(3)、销毁cookie

$.cookie("username",null);  销毁名称为username的cookie

(4)、[option]参数说明

expires:有限日期,可以是一个整数或一个日期(单位:天)。这个地方要注意:如果不设置这个东西,浏览器关闭后此cookie就失效了。

path:cookie值保存的路径,默认与创建页面路径一致

domin:cookie域名属性,默认与创建页域名一样,这个地方要注意:跨域的概念,如果要主域名有效则要设置:“.xxx.com”

secure:boolean值 是否加密cookie,表示传输cookie值时,是否需要一个安全协议。

 

cookie本质上是一个txt文本,因此只能够存入字符串,对象通常要序列化之后才能存入cookie,而取的时候反序列化又能得到对象。

$(function () {
            if ($.cookie("o") == null) {
                var o = { name: "张三", age: 24 };
                var str = JSON.stringify(o);  //对序列化成字符串然后存入cookie
                $.cookie("o", str, {
                    expires:7   //设置时间,如果此处留空,则浏览器关闭此cookie就失效。
                });
                alert("cookie为空");
            }
            else {
                var str1 = $.cookie("o");
                var o1 = JSON.parse(str1);  //字符反序列化成对象
                alert(o1.name);        //输反序列化出来的对象的姓名值
            }
        })

 

© 著作权归作者所有

共有 人打赏支持
Winnie007
粉丝 5
博文 36
码字总数 62847
作品 0
青岛
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
0
6
50个必备的实用jQuery代码段(2)

如何把一个元素放在屏幕的中心位置: jQuery.fn.center = function () {   return this.each(function(){     $(this).css({       position:'absolute',       top, ( $(...

postdep
2014/02/19
0
1
[转]240多个jQuery插件

Query 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及 的,它兼容 CSS3,还兼容各种...

穿越星辰
2010/05/13
0
0
[转]240多个jQuery插件

Query 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及 的,它兼容 CSS3,还兼容各种...

inferrrrrr
2010/05/11
0
4
2011年12月最新JQuery插件汇总

jQuery的工具提示插件 Tipped jQuery表格插件 colResizable jQuery虚拟键盘插件 jQuery keyboard Minimit Gallery 用于显示相册、幻灯片、卷帘等效果 jQuery 幻灯效果显示插件 Diapo jQuery...

晨曦之光
2012/02/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

20.27 分发系统介绍~ 20.30 expect脚本传递参数

分发系统介绍分发系统-expect讲解(也就是一个分发的脚本)场景:业务越来越大,网站app,后端,编程语言是php,所以就需要配置lamp或者lnmp,最好还需要吧代码上传到服务器上;但是因...

洗香香
17分钟前
1
0
设计一个百万级的消息推送系统

前言 首先迟到的祝大家中秋快乐。 最近一周多没有更新了。其实我一直想憋一个大招,分享一些大家感兴趣的干货。 鉴于最近我个人的工作内容,于是利用这三天小长假憋了一个出来(其实是玩了两...

crossoverJie
23分钟前
1
0
软件架构:5种你应该知道的模式

Singleton(单例模式)、仓储模式(repository)、工厂模式(factory)、建造者模式(builder)、装饰模式(decorator)……大概每个上课听讲的程序员都不会陌生——软件的设计模式为我们提供...

好雨云帮
35分钟前
2
0
OSChina 周二乱弹 —— 这只是一笔金钱交易

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《暮春秋色》- 窦唯 / 译乐队 《暮春秋色》- 窦唯 / 译乐队 手机党少年们想听歌,请使劲儿戳(这里) @我没有抓狂:跨服聊...

小小编辑
47分钟前
405
14
df命令、du命令 、磁盘分区

9月25日任务 4.1 df命令 4.2 du命令 4.3/4.4 磁盘分区 4.1、命令 :df #磁盘空间使用情况 [root@zgxlinux-02 ~]# df 按字节显示 1000Byte=1KB 1000KB=1MB 1000MB=1GB ...

zgxlinux
55分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部