如何使用 jQuery 设置和取消设置 cookie？

HTTP cookie是从服务器发送并由浏览器本身存储在客户端的一小段数据，cookie 用于跟踪用户并提供良好的浏览体验。我们也可以根据需要在浏览器中设置我们的 on cookie。

可以借助 JavaScript或jQuery在浏览器中设置 Cookie。在这里，我们将看到如何借助jQuery在浏览器中设置 cookie，以及稍后如何删除它们。

这里我们使用jQuery cookie 的 CDN在浏览器中插入一个 cookie。

注意：请在使用此代码时保持互联网连接，因为它使用jQuery 的CDN服务。

示例 1：在浏览器中设置 cookie 之后，我们将删除该 cookie。

HTML

   
      
      
      Cookie | Geeksforgeeks
      
      
   
   
        
        GeeksforGeeks
        
        Add Cookie
        
        
        remove Cookie
        
          

  
        
            let addCookie=()=>{
            $.cookie("geeksforgeeks", 
            "It is the data of the cookie");
            $("p").text("cookie added");
            }
            let removeCookie=()=>{
            $.removeCookie("geeksforgeeks", 
            "It is the data of the cookie");
            $("p").text("cookie removed");
            }
        
      
   

输出：您可以清楚地看到有一个名为GeeksforGeeks的 cookie，其中包含一个值。我们还可以设置 cookie 到期日期。

• 添加 Cookie 之前：

• 添加 Cookie 后：

• 删除 Cookie 后：