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滚动字幕效果,需要的朋友可以参考下。
    2011-06-06
  • jQuery实现360°全景拖动展示

    jQuery实现360°全景拖动展示

    360全景就是视角超过人的正常视角的图像,而我们这里说的全景特指水平视角360度,垂直视角180度的图像。可以全景空间里进行切换,达到浏览各个不同场景360全景展示的目的。
    2015-03-03
  • jQuery实现简单的列表式导航菜单效果代码

    jQuery实现简单的列表式导航菜单效果代码

    这篇文章主要介绍了jQuery实现简单的列表式导航菜单效果代码,涉及jquery操作鼠标事件及页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js jquery验证银行卡号信息正则学习

    js jquery验证银行卡号信息正则学习

    银行卡号格式验证如何错误将提示:格式错误,应该是19位数字,利用正则实现,感兴趣的朋友可以了解下,希望本文对你学习正则有所帮助
    2013-01-01
  • 详解jquery easyui之datagrid使用参考

    详解jquery easyui之datagrid使用参考

    jQuery EasyUI是一个轻量级的Web前端开发框架,提供了很多的现成组件,本篇文章主要介绍了jquery easyui之datagrid使用参考,有兴趣的可以了解一下。
    2016-12-12
  • Jquery中获取iframe的代码

    Jquery中获取iframe的代码

    在一下网页中,一些人会用到iframe,dom获取页面中的iframe还是很简单的
    2011-01-01
  • jQuery 3.0十大新特性最终版发布

    jQuery 3.0十大新特性最终版发布

    jQuery 3.0在日前发布了最终的全新版本。这篇文章主要介绍了jQuery 3.0十大新特性最终版发布的相关资料,需要的朋友可以参考下
    2016-07-07
  • jQuery实现的省市联动菜单功能示例【测试可用】

    jQuery实现的省市联动菜单功能示例【测试可用】

    这篇文章主要介绍了jQuery实现的省市联动菜单功能,结合完整实例形式分析了jQuery实现级联菜单的具体流程与操作方法,涉及jQuery表单及数组元素的遍历及事件响应处理技巧.非常简单实用,需要的朋友可以参考下
    2017-01-01
  • jQuery选择器中含有空格的使用示例及注意事项

    jQuery选择器中含有空格的使用示例及注意事项

    选择器中的空格是不容忽视的,多一个空格或少一个空格也许得到的结果会截然不同的,下面以一个示例为大家详细介绍下到底有什么不同,感兴趣的朋友额可以参考下
    2013-08-08
  • jquery购物车结算功能实现方法

    jquery购物车结算功能实现方法

    这篇文章主要为大家详细介绍了jquery购物车结算功能的实现方法,购买多个商品进行统一结算,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论