jquery.cookie.js_JQUERY.COOKIE插件的基本用法

更新时间:2019-12-25    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】


jQuery.cookie的基本用法:

Include script after the jQuery library (unless you are packaging scripts somehow else):

<script src="/path/to/jquery.cookie.js"></script>

Create session cookie:

$.cookie("name", "value");


Create expiring cookie, 7 days from then:


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

Create expiring cookie, valid across entire site:


$.cookie("name", "value", { expires: 7, path: "/" });
Read cookie:


$.cookie("name"); // => "value"
$.cookie("nothing"); // => undefined

Read all available cookies:

$.cookie(); // => { "name": "value" }

Delete cookie:


// Returns true when cookie was successfully deleted, otherwise false
$.removeCookie("name"); // => true
$.removeCookie("nothing"); // => false
 
// Need to use the same attributes (path, domain) as what the cookie was written with
$.cookie("name", "value", { path: "/" });
// This won"t work!
$.removeCookie("name"); // => false
// This will work!
$.removeCookie("name", { path: "/" }); // => true

JQUERY的COOKIE实例

jquery的cookie插件可以方便操作cookie,首先引入jquery.cookie.js文件,可以去官网下载。


<script type="text/javascript" src="__STATIC__/common/js/jquery.cookie.js"></script>

以下使用jquery的cookie实现一个简单的功能,一个公共栏,可以点击展开或者收缩,第一次进入页面默认展开,第二次以后进入页面默认收缩,但是点击也可以展开。


通过jquery的cookie记录是否第一次访问界面:


<script>
    (function($) {
        var $trigger = $(".dz_box .dz_title");
        var $view_cur = $(".dz_title a:first");
        var $view = $(".dz_box .dz_info");
        var uid = {$businesser_info["uid"]};
 
        var has_read = $.cookie("gonggao_uid_" + uid);
 
        if (has_read) {
            $view.hide();
            $view_cur.removeClass("wel_down01").addClass("wel_up01");
        }else{
            $view_cur.removeClass("wel_up01").addClass("wel_down01");
            $.cookie("gonggao_uid_" + uid, "1");
        }
 
        $trigger.click(function () {
            if ($view_cur.hasClass("wel_up01")) {
                $view.slideDown();
                $view_cur.removeClass("wel_up01").addClass("wel_down01");
            } else {
                $view.slideUp();
                $view_cur.removeClass("wel_down01").addClass("wel_up01");
            }
        });
    })(jQuery);
</script>

本文来源:http://www.bbyears.com/wangyezhizuo/83503.html