当前位置:首页 > jquery

jquery设置cookie

2026-03-16 21:55:29jquery

jQuery 设置 Cookie

jQuery 本身不提供直接的 Cookie 操作方法,但可以通过引入第三方库(如 jquery.cookie)或使用原生 JavaScript 来实现。以下是两种常用方法:

使用原生 JavaScript 设置 Cookie

原生 JavaScript 通过 document.cookie 属性操作 Cookie。以下是设置 Cookie 的语法:

document.cookie = "name=value; expires=date; path=path; domain=domain; secure";

示例代码:

jquery设置cookie

// 设置一个名为 "username" 的 Cookie,值为 "John Doe",有效期为 7 天
var date = new Date();
date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));
var expires = "expires=" + date.toUTCString();
document.cookie = "username=John Doe; " + expires + "; path=/";

使用 jQuery Cookie 插件

jQuery Cookie 插件(jquery.cookie)简化了 Cookie 的操作。首先需要引入插件:

  1. 下载插件并引入:

    jquery设置cookie

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  2. 设置 Cookie:

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

示例代码:

// 设置一个名为 "theme" 的 Cookie,值为 "dark",有效期为 30 天
$.cookie("theme", "dark", { expires: 30, path: '/' });

参数说明

  • expires:Cookie 的有效期(天数)。
  • path:Cookie 的作用路径(默认为当前页面的路径)。
  • domain:Cookie 的作用域名。
  • secure:如果设置为 true,Cookie 仅通过 HTTPS 传输。

注意事项

  • 如果未设置 expires,Cookie 将在浏览器关闭时失效。
  • 删除 Cookie 可以通过设置过期时间为过去的时间:
    $.removeCookie("name", { path: '/' });

    或使用原生 JavaScript:

    document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

这两种方法都能有效设置 Cookie,选择哪种取决于项目需求和依赖库的使用情况。

标签: jquerycookie
分享给朋友:

相关文章

jquery怎么读

jquery怎么读

jQuery的发音 jQuery的正确发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发字母 "J" 的音(如英文单词 "jump" 的首音)。 "query"…

jquery之家

jquery之家

jQuery之家相关资源 jQuery之家是一个提供jQuery插件、教程和资源的网站,适合开发者学习和使用jQuery技术。以下是关于jQuery之家的主要内容和资源: 网站内容 提供丰富的jQ…

jquery图片

jquery图片

jQuery 图片操作 jQuery 提供了多种方法来处理图片,包括加载、显示、隐藏、动画效果等。以下是一些常见的 jQuery 图片操作方法: 动态加载图片 使用 jQuery 的 attr()…

jquery滚动

jquery滚动

jQuery 滚动事件监听 使用 jQuery 监听滚动事件可以通过 scroll() 方法实现。以下代码会在窗口滚动时触发回调函数: $(window).scroll(function() {…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…

jquery显示隐藏

jquery显示隐藏

jQuery显示与隐藏元素的方法 jQuery提供了多种方法来实现元素的显示与隐藏功能,以下是常用的几种方式: 使用show()和hide()方法 show()方法用于显示被选元素,hide()方法…