文档章节

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);        //输反序列化出来的对象的姓名值
            }
        })

 

© 著作权归作者所有

共有 人打赏支持
上一篇: 一、DataGrid
下一篇: Spring MVC
Winnie007
粉丝 5
博文 36
码字总数 62847
作品 0
青岛
私信 提问
分享10个 jQuery 的动态插件

在这篇文章中,我们将介绍一些我们收集的不错的动态插件,帮助你添加高级的特效和动态网页效果,希望大家喜欢! 1. jmpress.js 一个jQuery的impress.js实现,基于CSS3变化和过度效果。只支持...

gbin1
2012/03/19
2.1K
0
使用jQuery开发一个响应式超酷整合RSS信息阅读杂志

日期:2012-10-25 来源:GBin1.com 在线演示 本地下载 如果大家喜欢阅读博客文章的话,可能都会使用RSS阅读器,今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用,使用它你可以将...

gbin1
2012/10/25
174
0
5月份最受欢迎的 14 个新的 jQuery 插件

现在是时候汇总下刚过去的5月份里最受欢迎的一些 jQuery 插件,这些插件都很新,值得你试试。 1. jQuery Knob Nice, downward compatible, touchable, jQuery dial. 2. Redactor 很棒的 WYSI...

oschina
2012/06/06
4.8K
4
分享 10 个 jQuery 的语言翻译插件

日期:2011/11/23 来源:GBin1.com 和Google翻译类似,jQuery插件也可以用来整合语言翻译功能到你的网站,这里我们分享非常不错的10个jQuery插件。希望大家能够喜欢! 1. jQuery Translator...

gbin1
2011/11/24
4.6K
4
6月份最受欢迎的 15 个新的 jQuery 插件

每个月我们都会将上个月最新的和最受欢迎一些 jQuery 插件推荐给大家,现在让我们来看看上个月的最新热门 jQuery 插件吧。 1. jQuery++ jQuery++ 在 jQuery 1.7.x 的基础上增加了一些 DOM 助...

oschina
2012/07/04
5.1K
5

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 修改导航显示选项

选择 子页面(Child pages)来在边栏中查看当前页面的子页面。 选择 页面树(Page tree)来查看整个空间的页面树,扩展当前的页面。 你也可以选择是否完全隐藏导航显示选项或者添加你希望可见...

honeymose
21分钟前
0
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部