jquery 读取cookie值

jQuery本身并不提供读取cookie的直接方法，但可以通过扩展jQuery的功能或者使用第三方库来实现。以下是使用jQuery扩展来读取cookie值的方法：

基础概念

Cookie是一种存储在用户浏览器上的小型数据片段，用于保存用户会话信息或其他数据。每个Cookie都有一个名称和值，并且可以设置过期时间、路径、域等属性。

类型

会话Cookie：浏览器关闭后即消失。
持久Cookie：设置了过期时间，即使浏览器关闭也会保留。

应用场景

用户认证：保存用户的登录状态。
个性化设置：记录用户的偏好设置。
跟踪分析：收集用户行为数据。

示例代码

以下是一个简单的jQuery扩展，用于读取和设置Cookie：

(function($) {
    $.cookie = function(name, value, options) {
        if (typeof value !== 'undefined') { // 设置cookie
            options = options || {};
            if (value === null) {
                value = '';
                options.expires = -1;
            }
            var expires = '';
            if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires == 'number') {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = '; expires=' + date.toUTCString();
            }
            var path = options.path ? '; path=' + (options.path) : '';
            var domain = options.domain ? '; domain=' + (options.domain) : '';
            var secure = options.secure ? '; secure' : '';
            document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
        } else { // 读取cookie
            var cookieValue = null;
            if (document.cookie && document.cookie !== '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    if (cookie.substring(0, name.length + 1) === (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    };
})(jQuery);

使用示例

// 设置cookie
$.cookie('username', 'JohnDoe', { expires: 7, path: '/' });

// 读取cookie
var username = $.cookie('username');
console.log(username); // 输出: JohnDoe