`

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的Cookie插件 cookies

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

    jquery-cookies

    jquery-cookies操作

    可进行COOKIES操作的JQUERY组件

    可进行COOKIES操作的JQUERY组件,用起来非常方便!大家可以试一试

    jquery.cookies

    jquery.cookies 是操作cookies的一个api很不错。

    jquery操作cookies

    非常实用的一套jquery操作cookies,目前的浏览器均支持,代码附带详细的解说详解说明。很实用...

    jquery.cookie.js下载

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

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

    主要介绍了如何使用jQuery操作Cookies方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    JQuery cookie

    cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。

    使用jQuery操作Cookies的实现代码

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

    超实用的jQuery代码段

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

    jquery.cookie.js

    对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头...

    cookie,dom,css,js实现页面换肤

    页面换肤已经成为web2.0的时尚,看似简单的过程,实现起来却不那么容易,因为它涉及到javascript写入和读取cookie,这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能 Html代码部分...

    Jquery cookie操作代码

    Jquery的cookies插件,感觉不错,但是跟踪调试的时候发现cookies上面还是多写了一个相同名称的值,这就麻烦了,后来看到网上有人说用这个方法,感觉还不错

    jquery操作cookie插件分享

    在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件

    jquery.cookie.js用法实例详解

    对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头...

    浏览器中使用JS操作Cookie详解

    浏览器中如何操作Cookie? ​关于Cookie的概念和应用,大家可以看看我前面的几篇文章。并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 ​我们知道,Cookie是存储在...

    jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    Cookies 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术; 下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:...

Global site tag (gtag.js) - Google Analytics