「jQuery系列」jQuery Cookie插件功能介绍

// 引入jQuery库
// <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
// 引入jQuery Cookie库
// <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
 
// 使用jQuery Cookie插件设置和读取Cookie
 
$(document).ready(function(){
    // 设置一个名为"user"的Cookie，值为"John Doe"，存在浏览器会话结束时删除
    $.cookie('user', 'John Doe', { expires: -1 });
 
    // 设置一个名为"favoriteColor"的Cookie，值为"blue"，存储期为7天
    $.cookie('favoriteColor', 'blue', { expires: 7 });
 
    // 读取名为"user"的Cookie的值
    var userName = $.cookie('user');
    alert('Hello, ' + userName); // 弹出对话框显示消息
 
    // 检查名为"favoriteColor"的Cookie是否存在
    if ($.cookie('favoriteColor')) {
        alert('Your favorite color is ' + $.cookie('favoriteColor'));
    } else {
        alert('Cookie for favorite color not found!');
    }
 
    // 删除名为"user"的Cookie
    $.removeCookie('user');
 
    // 删除所有Cookie
    $.each($.cookie(), function(key, value) {
        $.removeCookie(key);
    });
});

这段代码演示了如何使用jQuery Cookie插件来创建、读取、删除Cookie。首先，我们通过$.cookie()设置了两个Cookie，一个是会话Cookie，另一个是持久Cookie。然后，我们通过$.cookie()读取了一个Cookie的值，并使用$.each删除了所有Cookie。这个例子简单直观地展示了Cookie的基本用法。