`

Jquery cookies操作

阅读更多
jQuery操作cookie的插件,大概的使用方法如下
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', 'the_value'); //设置cookie的值
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie('the_cookie', 'the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie

设置一个名称为exist,值为exist的cookie:

$.cookie("exist", "exist");

设置一个名称为exist,值为exist的cookie,同时设置过期时间(expires属性)为7天:

$.cookie("exist", "exist", { expires: 7 });

设置一个名称为exist,值为exist的cookie,设置过期时间(expires属性)为7天,同时设置cookie的path属性为”/admin”

$.cookie("exist", "exist", { path: '/admin', expires: 7 });

读取Cookie:

读取名称为exist的cookie值:

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

删除cookie:

$.cookie("example", null); 
例如:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../Scripts/jquery-1.4.1.min.js"></script>
    <script src="../Scripts/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var i = 1;
            //当点击按钮的时候隐藏《p》
            $("#clk_Submit").click(function () {
                //判断是否存在cookies对象
                if ($.cookie("exist") == null || $.cookie("exist") == "undefined") {
                    //创建cookies对象并且给其赋值,设置了生命周期为7天
                    $.cookie("exist", i, { expires: 7 });
                }
                //获取cookies值
                i = $.cookie("exist");
               
                //判断是否为0
                if (i % 2 != 0) {
                    $("p").hide();
                }
                else {
                    $("p").show();
                }
                i++;
                //保存到cookies里面
                $.cookie("exist", i);
            })
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>This is a heading</h2>
            <p>This is a paragraph.</p>
            <p>This is another paragraph.</p>
            <button type="button" id="clk_Submit">Click me</button>
        </div>
    </form>
</body>
</html>
分享到:
评论

相关推荐

    jquery-cookies

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

    jQuery的Cookie插件 cookies

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

    可进行COOKIES操作的JQUERY组件

    标题中的“可进行COOKIES操作的JQUERY组件”指的是一个基于jQuery的插件,它扩展了jQuery的功能,使得在JavaScript中操作浏览器的Cookies变得更加简便。这个组件的主要目的是帮助开发者在用户端存储和检索数据,通常...

    jquery.cookies

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

    jquery-cookies-1.4.1

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

    jquery.cookies.2.2.0.min.js.zip

    jQuery Cookies是一个轻量级的jQuery插件,它为开发者提供了方便的API来操作Cookie。我们这里将深入解析jQuery Cookies 2.2.0的最小化版本——jquery.cookies.2.2.0.min.js,并探讨其主要功能和使用方法。 一、...

    jquery.cookies.2.2.0.js.zip

    总结,jQuery Cookies插件通过简化Cookie的操作,为开发者提供了便利,使得在JavaScript环境中处理浏览器cookies变得更加直观和高效。结合jQuery的其他功能,可以实现丰富的用户体验和功能。在实际项目中,合理利用...

    jquery.cookies.js

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

    jquery操作cookies

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

    jquery.cookie.js下载

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

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

    而jQuery操作Cookies则提供了一种方便的方式来管理存储在用户浏览器中的小型数据片段。本文将深入探讨如何使用jQuery操作Cookies,包括添加、读取和删除Cookies,以及设置它们的有效期限和路径。 首先,为了使用...

    jquery 依赖·js

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

    cookies的使用方法

    然后,我们来看如何使用jQuery和cookies.js进行Cookies操作: 1. **添加Cookie**: 使用`$.cookie()`方法可以创建新的Cookie。例如,我们要创建一个名为"user_name"的Cookie,并赋予值"John",有效期为7天: ```...

    使用jQuery操作Cookies的实现代码

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

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

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

    jquery-1.9.1 min doc

    **jQuery 1.9.1** 是一个广泛使用的JavaScript库,它极大地简化了网页的DOM操作、事件处理、动画制作和Ajax交互。该版本在2013年发布,是jQuery系列的一个稳定版本,旨在提高性能和兼容性,同时保持向后兼容。`min`...

    jquery.相关文件

    jQuery Cookie 插件使得操作 cookies 变得简单易行,比如设置、获取或删除 cookie,这对于实现用户会话管理、个性化设置或临时存储用户数据等功能非常有用。 **jQuery 的核心功能包括:** 1. **选择器(Selectors...

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

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

    超实用的jQuery代码段

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

Global site tag (gtag.js) - Google Analytics