jQuery 12 设置cookie

最新推荐文章于 2025-08-11 19:52:03 发布

转载最新推荐文章于 2025-08-11 19:52:03 发布 · 67 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yagzh2000/archive/2013/05/25/3099032.html

文章标签：

#javascript #xhtml #ViewUI

本文介绍如何利用jQuery插件实现浏览器端Cookie的设置与读取。包括Cookie的基本概念、存储限制及如何通过jQuery.cookie.js插件操作Cookie。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cookie是自动保存在浏览器客户端的，每个域名最多有几十个cookie,每个cookie只会保存几K的字节文本，每个域名只能访问自己域名创建的cookie. 浏览器会自动把相关的cookie删除。

它的格式为：$.cookei("名称","值",option);

option为字典数组,即{expires:7, path:'/',domain:'baidu.com',secure:true}

expires为过期时间，后面的7为要过期的天数，过期后浏览器自动删除这个cookie. path表示cookie保存的地址。 domain表示此cookie可以被哪些域名读出来。最后一个为安全属性。

在vs 中要用jQuery的cookie则要引用jquery.cookie.js文件，到jQuery官网上下载，加入到工程文件中，然后在head中同时引用 jquery-1.9.1.min.js（jquery-1.9.1.js）和jquery.cookie.js即可。

如下代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="JScript/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            if ($.cookie("user")) {
                $("#username").val($.cookie("user"));
            };

            $("#btn").click(function () {
                $.cookie("user", $("#username").val(), { expires: 7 });
            });
          
        });
    </script>
</head>
<body>
<label for="username">用户名:</label><input type="text" id="username"/>
<label for="pwd">密码:</label><input type="password" id="pwd" />
<input type="button" id="btn" />

</body>
</html>