jQuery操作cookie的示例代码

 更新时间:2019年06月05日 09:56:07   作者:Michael--chen  
这篇文章主要介绍了jQuery操作cookie的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

Cookies

定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;

下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/

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

1.添加一个"会话cookie"

$.cookie('the_cookie', 'the_value'); 

这里没有指明 cookie有效时间,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为 “会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天

$.cookie('the_cookie', 'the_value', { expires: 7 }); 

这里指明了cookie有效时间,所创建的cookie被称为“持久 cookie (persistent cookie)”。注意单位是:天;

3.创建一个cookie并设置 cookie的有效路径

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); 

在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

4.读取cookie

$.cookie('the_cookie'); 

5.删除cookie

$.cookie('the_cookie', null);  //通过传递null作为cookie的值即可 

6.可选参数

$.cookie('the_cookie','the_value',{

  expires:7, 

  path:'/',

  domain:'jquery.com',

  secure:true

})  

7.参数

expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;

path:(String)创建该Cookie的页面路径;

domain:(String)创建该Cookie的页面域名;

secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 基于Jquery实现键盘按键监听

    基于Jquery实现键盘按键监听

    本文介绍下,用jquery实现的滑动效果,以及对键盘按键进行监听的例子,有需要的朋友,可以参考学习下
    2014-05-05
  • jquery简单倒计时实现方法

    jquery简单倒计时实现方法

    这篇文章主要介绍了jquery简单倒计时实现方法,涉及jQuery定时函数操作及日期与实现的运算技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • jQueryUI Sortable 应用Demo(分享)

    jQueryUI Sortable 应用Demo(分享)

    下面小编就为大家带来一篇jQueryUI Sortable 应用Demo(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • jQuery操作css样式

    jQuery操作css样式

    本篇文章主要介绍了jQuery操作css样式的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • jquery实现图片自动轮播效果

    jquery实现图片自动轮播效果

    这篇文章主要为大家详细介绍了jquery实现图片自动轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jQuery实现html双向绑定功能示例

    jQuery实现html双向绑定功能示例

    这篇文章主要介绍了jQuery实现html双向绑定功能,涉及jQuery针对HTML页面元素事件绑定相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

    z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

    由于我的博客主要是代码分享,很多贴的代码,都很长。很多时候我都是手动给他换行。但是今天实在是受不了。从网上找个办法解决一下
    2014-11-11
  • Jquery实现显示和隐藏的4种简单方式

    Jquery实现显示和隐藏的4种简单方式

    显示和隐藏的效果想必大家都有见到过吧,其实很简单,通过jquery便可轻松实现,下面为大家整理了4种方式,大家可以根据需求自由选择
    2013-08-08
  • jQuery实现的感应鼠标悬停图片色彩渐显效果

    jQuery实现的感应鼠标悬停图片色彩渐显效果

    这篇文章主要介绍了jQuery实现的感应鼠标悬停图片色彩渐显效果,涉及jQuery中hover、find、css等方法的使用技巧,需要的朋友可以参考下
    2015-03-03
  • 打造基于jQuery的高性能TreeView(asp.net)

    打造基于jQuery的高性能TreeView(asp.net)

    项目中经常会遇到树形数据的展现,包括导航,选择等功能,所以树控件在大多项目中都是必须的。那一个实用的树应该具备什么功能呢?
    2011-02-02

最新评论