`

使用jQuery操作Cookies

 
阅读更多

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。

当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。

使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie
创建Cookie

使用jQuery设置cookie非常简单。如,我们创建一个名为“example”,值为“foo”的cookie:
view plaincopy to clipboardprint?

$.cookie("example", "foo");

要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:
view plaincopy to clipboardprint?

$.cookie("example", "foo",{expires:10});

设置cookie一小时后过期:
view plaincopy to clipboardprint?

var cookietime = new Date();
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时
$.cookie("example", "foo",{expires:cookietime});

要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
view plaincopy to clipboardprint?

$.cookie("example", "foo",{path:"/"});

如果要设置路径为/admin,则:
view plaincopy to clipboardprint?

$.cookie("example", "foo",{path:"/admin"});

获取cookie值

使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:
view plaincopy to clipboardprint?

alert($.cookie("example"));

删除Cookie

使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。
view plaincopy to clipboardprint?

$.cookie("example",null);

 

来自:http://www.ddjava.com/blog/blog.html?blogId=139

分享到:
评论

相关推荐

    如何使用jQuery操作Cookies方法解析

    本文将深入探讨如何使用jQuery操作Cookies,包括添加、读取和删除Cookies,以及设置它们的有效期限和路径。 首先,为了使用jQuery的Cookie插件,你需要确保已经正确地下载和引入了jQuery库以及`jquery.cookie.js`...

    使用jQuery操作Cookies的实现代码

    知识点四:使用jQuery操作Cookies的方法 传统的JavaScript操作Cookies需要编写多个函数来处理,例如设置、获取和删除cookies。jQuery提供了一个插件(如jQuery Cookie插件),简化了操作过程,使得可以非常方便地...

    jQuery的Cookie插件 cookies

    cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid' ); if( $.cookies.test() ) ...

    jquery-cookies

    **jQuery Cookies 操作详解** 在Web开发中,Cookies是一种常用的技术,用于在客户端存储少量的数据。它们对于跟踪用户状态、个性化设置以及实现某些功能(如购物车)非常有用。jQuery库提供了一个方便的插件——...

    jquery-cookies-1.4.1

    `jQuery Cookies`提供了以下核心函数来操作cookies: - `$.cookie(name, value, options)`: 创建或更新一个cookie。 - `$.removeCookie(name, options)`: 删除一个已存在的cookie。 - `$.cookie(name)`: 读取一个...

    jquery操作cookies

    其中,jQuery对于操作Cookies的功能也提供了极大的便利。本文将深入探讨jQuery如何帮助开发者方便地进行Cookies的操作。 一、jQuery Cookie插件 在jQuery中,通常会借助第三方插件来实现Cookie的操作,例如...

    jquery.cookies.js

    《jQuery Cookies:前端Cookie操作利器》 在Web开发中,Cookie常常被用来存储用户的状态信息,如登录状态、个性化设置等。jQuery库以其简洁易用的API,深受开发者喜爱,而`jquery.cookies.js`则是jQuery的一个插件...

    jquery.cookies

    jQuery Cookies插件是一个用于在JavaScript中方便地操作浏览器Cookies的工具。这个API使得开发者能够轻松地创建、读取和删除Cookies,从而实现网站数据的持久化存储。在网页应用中,Cookies经常被用来保存用户设置、...

    jquery.cookies.2.2.0.js.zip

    jQuery库,作为广泛使用的JavaScript库,提供了方便的API来操作cookies。本文将详细介绍jQuery的Cookies插件——jquery.cookies.2.2.0.js,以及如何在实际项目中使用它。 一、jQuery Cookies插件简介 jquery....

    jquery.cookies.2.2.0.min.js.zip

    我们这里将深入解析jQuery Cookies 2.2.0的最小化版本——jquery.cookies.2.2.0.min.js,并探讨其主要功能和使用方法。 一、jQuery Cookies简介 jQuery Cookies由Karsten Dambekalns开发,它简化了JavaScript原生...

    可进行COOKIES操作的JQUERY组件

    使用这个jQuery Cookies插件,开发者可以轻松地执行以下操作: - 设置Cookie:例如,`$.cookie('myCookie', 'value', { expires: 7, path: '/' });` 会创建一个名为'myCookie',值为'value'的Cookie,并设置其有效期...

    cookies的使用方法

    在我们的场景中,jQuery将作为基础工具,帮助我们更方便地操作Cookies。 接着,我们引入cookies.js插件,这是一个轻量级的库,专门用于简化JavaScript中的Cookie操作。通过这个插件,我们可以轻松地添加、读取和...

    jQuery实现切换页面布局使用介绍

    在上述问题的解决思路中提到了使用jQuery操作cookies。这是因为jQuery不仅提供了操作DOM和CSS的接口,还提供了与cookies交互的插件。通过这些插件,开发者可以在不离开jQuery上下文的情况下,方便地读写cookies数据...

    jquery.cookie.js下载

    jquery cookie.js 官方下载,一款优秀的 jquery 插件,提供了非常轻量级、简单、实用的操作 cookie 的方法,包括读写、删除等操作,jquery cookie 路径,jquery cookie 时间,jquery cookie 有效期,jquery cookie ...

    怎样使用php与jquery设置和读取cookies

    jQuery的使用可以让客户端脚本对cookies的操作变得更简单,但需要借助外部插件,比如jQuery Cookie插件。 首先,需要在页面中引入jQuery Cookie插件,然后就可以使用$.cookie()方法来设置、读取和删除cookies了。...

    jquery 依赖·js

    在IT行业中,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。这篇文档将深入探讨jQuery的核心概念及其在实际项目中的应用。 首先,我们来了解一下标题“jquery 依赖...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。...11.32 使用jQuery操作DOM的限制

    jquery引导用户熟悉网站板块操作向导插件

    **jQuery引导用户熟悉网站板块操作向导插件** 在网页设计和开发中,用户体验是至关重要的因素之一。为了帮助新用户快速了解网站的功能和操作流程,许多网站会采用操作向导或新手引导功能。这些向导通常会在用户首次...

Global site tag (gtag.js) - Google Analytics