blocks|key|1865452|text|您可以使用此plugin|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1865453|示例:设置cookie|1865454|$.cookie("example",+"foo");|code-block|syntax|javascript|1865455|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/carhartl/jquery-cookie^0|6|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

You can use this <a href="https://github.com/carhartl/jquery-cookie" rel="nofollow">plugin</a> 

example: to set a cookie 

<pre><code>$.cookie("example", "foo");
</code></pre>

blocks|key|1869920|text|jQuery+Cookie插件是一种方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1869921|https://github.com/carhartl/jquery-cookie|offset|length|1869922|您可以这样使用它：|1869923|$.cookie('cookie_name',+'value');+//+to+set

$.cookie('cookie_name');+//+to+get|code-block|syntax|javascript|1869924|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|15|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

the jQuery Cookie plugin is one way to go:

<a href="https://github.com/carhartl/jquery-cookie">https://github.com/carhartl/jquery-cookie</a>

You use it like so:

<pre><code>$.cookie('cookie_name', 'value'); // to set

$.cookie('cookie_name'); // to get
</code></pre>

blocks|key|1234259|text|你不需要jQuery插件，你可以很容易地在JavaScript中访问cookie。方法如下：https://developer.mozilla.org/en/DOM/document.cookie|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1234260|但也许其他答案中链接的插件会让你更容易访问。|1234261|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/document.cookie^0|1A|1G|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You don't need a jQuery plugin, you can easily access cookies in JavaScript. Here's how: <a href="https://developer.mozilla.org/en/DOM/document.cookie" rel="nofollow">https://developer.mozilla.org/en/DOM/document.cookie</a>

But maybe the plugins linked in the other answers will give you easier access.

blocks|key|1865475|text|您确定cookie正是您所需要的吗？在许多情况下，localStorage要好得多。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1865476|你写的是你想在静态网站上使用cookies，但是cookies将被发送到服务器并返回。你真的需要把信息发送到领导静态网站的服务器上吗？它增加了HTTP头的大小并降低了网站的性能(例如，参见here+)。|1865477|Cookie有非常严格的限制。对应于rfc2109的6.3或rfc6265的6.1部分:每个cookie至少4096个字节，每个域至少50个cookie(rfc2109中为20个)，总共至少3000个cookie(rfc2109中为300个)。所以cookies不能用来保存太多的信息。例如，如果你想保存每个网页的每个网格的状态，你就可以快速达到限制。|1865478|如果你只想保存页面的一些用户首选项，你可以使用localStorage，使用起来非常简单。|1865479|如果你更喜欢使用一些jQuery插件而不是直接使用localStorage，如果你需要支持旧的web浏览器(比如IE6/IE7)，那么你可以使用jStorage。在这种情况下，您只有较小的存储大小:128KB而不是5MB(请参阅here和IE+userData+Behavior)，但最好是4K大小的cookies+(请参阅here)。|1865480|我希望您能稍微考虑一下cookie的替代品。|1865481|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/HTTP_cookie|1|http://www.html5rocks.com/en/tutorials/speed/quick/#toc-webstorage|2|https://www.rfc-editor.org/rfc/rfc2109#section-6.3|3|https://www.rfc-editor.org/rfc/rfc6265#section-6.1|4|http://www.jstorage.info/|5|http://www.jstorage.info/#support|6|http://msdn.microsoft.com/en-us/library/ms531424%2528v=vs.85%2529.aspx|7|http://support.microsoft.com/kb/941495/en-us^0|P|C|3|6|0|0|2M|4|1|0|Q|3|2|12|3|3|0|N|C|0|P|C|20|8|4|36|4|5|3B|K|6|4I|4|7|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|F|3|G|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|H|3|I|5|6|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]|$9|1P|A|1Q|1|1R]]|E|$]]|$1|J|3|K|5|6|7|1S|8|@$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|1V|8|@$9|1W|A|1X|B|C]]|D|@$9|1Y|A|1Z|1|20]|$9|21|A|22|1|23]|$9|24|A|25|1|26]|$9|27|A|28|1|29]]|E|$]]|$1|N|3|O|5|6|7|2A|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|2B|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|S|T|U|E|$V|Y]]|Z|$5|S|T|U|E|$V|10]]|11|$5|S|T|U|E|$V|12]]|13|$5|S|T|U|E|$V|14]]|15|$5|S|T|U|E|$V|16]]|17|$5|S|T|U|E|$V|18]]|19|$5|S|T|U|E|$V|1A]]]]

Are you sure that <a href="http://en.wikipedia.org/wiki/HTTP_cookie" rel="nofollow noreferrer">cookie</a> is exactly what you need? There are <code>localStorage</code> which is much better in many scenarios.
You wrote that you want use cookies with static website, but cookies will be sent to the server and returned back. Is it really needed that you sent the information to the server on leading the static website? It increases the size of HTTP header and decreases the performance of the web site (see <a href="http://www.html5rocks.com/en/tutorials/speed/quick/#toc-webstorage" rel="nofollow noreferrer">here</a> for example).
Cookies have very hard restrictions. Corresponds to the section <a href="https://www.rfc-editor.org/rfc/rfc2109#section-6.3" rel="nofollow noreferrer">6.3</a> of rfc2109 or <a href="https://www.rfc-editor.org/rfc/rfc6265#section-6.1" rel="nofollow noreferrer">6.1</a> of rfc6265: At least 4096 bytes per cookie, at least 50 cookies per domain (20 in rfc2109), at least 3000 cookies total (300 in rfc2109). So the cookies one can't use to save too many information. For example if you would save state of every grid of every your web page you can quickly achieve the limits.
If you just want to save some users preferences for the page you can use <code>localStorage</code> and the usage is really easy.
If you prefer to use some jQuery plugin instead of direct usage of <code>localStorage</code> and if you need support old web browsers (like IE6/IE7) then you can use <a href="http://www.jstorage.info/" rel="nofollow noreferrer">jStorage</a> for example. In the case you has only less size of storage: 128 KB instead of 5 MB (see <a href="http://www.jstorage.info/#support" rel="nofollow noreferrer">here</a> and <a href="http://msdn.microsoft.com/en-us/library/ms531424%28v=vs.85%29.aspx" rel="nofollow noreferrer">IE userData Behavior</a>), but it's better as 4K which one has for cookies (see <a href="http://support.microsoft.com/kb/941495/en-us" rel="nofollow noreferrer">here</a>).
I want that you just think a little about alternatives to cookies.

blocks|key|5273285|text|阅读Cookie：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5273286|var+cookieValue+=+$.cookie("cookieName");|code-block|syntax|javascript|5273287|编写Cookie：|5273288|$.cookie("cookieName",+"CookieValue");|5273289|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Read Cookie: 

<pre><code>var cookieValue = $.cookie("cookieName");
</code></pre>

Write Cookie:

<pre><code>$.cookie("cookieName", "CookieValue");
</code></pre>

blocks|key|848476|text|您可以通过访问document.cookie来使用普通JS。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|848477|请参阅：http://jsfiddle.net/ShsYp/|848478|还有：https://developer.mozilla.org/en/DOM/document.cookie|848479|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ShsYp/|1|https://developer.mozilla.org/en/DOM/document.cookie^0|7|F|0|4|Q|0|0|3|1G|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|H|3|I|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|J|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]|R|$5|M|N|O|E|$P|S]]]]

You can use plain JS by accessing <code>document.cookie</code>.

See: <a href="http://jsfiddle.net/ShsYp/" rel="nofollow">http://jsfiddle.net/ShsYp/</a>

Also: <a href="https://developer.mozilla.org/en/DOM/document.cookie" rel="nofollow">https://developer.mozilla.org/en/DOM/document.cookie</a>

blocks|key|1869952|text|一个简单的轻量级jQuery插件，用于读取、写入和删除cookies.For详细信息演示和示例查看链接。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1869953|https://github.com/carhartl/jquery-cookie|offset|length|1869954|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|15|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

A simple, lightweight jQuery plugin for reading, writing and deleting cookies.For details demo and example see a link. <a href="https://github.com/carhartl/jquery-cookie" rel="nofollow">https://github.com/carhartl/jquery-cookie</a>

It is easy to use cookies in serverside like PHP,.NET...etc

I would like to use cookies for static website which is just HTML, CSS &amp; JQuery .

Anybody know how to implement cookies in JQuery ?

how to use cookies in JQuery

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

在服务器端使用cookies很容易，比如PHP、.NET...etc我想使用cookies的静态网站，这只是超文本标记语言，CSS和JQuery。有人知道如何在JQuery中实现cookies吗？

问如何在JQuery中使用cookies
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JQuery中使用cookiesEN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JQuery中使用cookies
EN