jquery cookies操作实例__cookie_exist_cookies_expires_the_cookie_

当前位置: 编程技术>jquery

jquery cookies操作实例

来源: 互联网发布时间：2014-10-04

本文导语: 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 包括有效期路径...

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);

例子：

代码示例:

    jquery cookies操作_www.



        $(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);
            })
        });

this is a heading

this is a paragraph.

this is another paragraph.

click me