jQuery代码:

<script src="js/jquery-1.3.1.js" type="text/javascript"></script>       <!--   引入引用jquery的库文件 -->

<script src="js/jquery.cookie.js" type="text/javascript"></script>    <!--   引入jQuery的cookie插件 -->

<script type="text/javascript">

//初始化页面时验证是否记住了密码

$(document).ready(function() {

    if ($.cookie("rmbUser") == "true") {

        $("#rmbUser").attr("checked", true);

        $("#wsc-username").val($.cookie("userName"));

        $("#wsc-password").val($.cookie("passWord"));

    }

});

function saveUserInfo() {

    if ($("#rmbUser").attr("checked") == true) {

        var userName = $("#wsc-username").val();

        var passWord = $("#wsc-password").val();

        $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie

        $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie

        $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie

    }

    else {

        $.cookie("rmbUser", "false", { expires: -1 });        // 删除 cookie

        $.cookie("userName", '', { expires: -1 });

        $.cookie("passWord", '', { expires: -1 });

    }

}

</script>

HTML代码:

<body>

      <form action="" method="post">

        <div class="form">

            <div id="J_UserName" class="loginItem">

                     <label>用户名：</label>

                     <input maxlength="200" value="" name="u_username" class="log_Field" id="wsc-username">

            </div>

            <div class="loginItem" id="J_Password">

                 <label>密&nbsp;&nbsp;码：</label>

                 <input type="password" value="" maxlength="20" name="u_pwd" class="log_Field" id="wsc-password">

            </div>

            <div class="loginRemember">

                    <input type="checkbox" checked="true" name="chkRememberUsername" class="checkbox" id="rmbUser">

                    <label for="rmbUser">记住用户名</label>

                    <a href="#">忘记密码?</a>

            </div>

            <div class="loginItem loginButton" id="wait">

                   <input type="submit" value="登录" onclick="saveUserInfo()" class="button" id="log_Commit">

            </div>

        </div><!--form div-->

    </form>

-------------------------------------------------------------------------------------

下面是jquery.cookie.js用法

$.cookie('the_cookie'); // 获得cookie

$.cookie('the_cookie', 'the_value'); // 设置cookie

$.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie

$.cookie('the_cookie', '', { expires: -1 }); // 删除

$.cookie('the_cookie', null); // 删除 cookie

$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等

Jquery设置Cookie的更多相关文章

  1. js jquery 设置cookie

    转自http://yaoqianglilan.blog.163.com/blog/static/70978316201091810435251/ 本人亲测setcookie() getcookie() ...

  2. jquery 设置cookie、删除cookie、获取cookie

    1.引入jquery.js <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> ...

  3. 简易的JQuery设置Cookie

    使用之前先引用这两个文件: 然后基本的功能代码如下: <div> <input id="txtDelValues" type="text" / ...

  4. <<< 网页中如何利用原生js和jquery储存cookie

    javascript当中的cookie机制,使应用达到了真正的全局变量的要求,cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由Java ...

  5. 转：JQuery读写Cookie

    Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术.当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过 ...

  6. jQuery 插件设置cookie

    对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站 ...

  7. Jquery操作cookie，实现简单的记住用户名的操作

     一.jquery.cookie.js介绍  jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cook ...

  8. jQuery插件 -- Cookie插件jquery.cookie.js（转）

    Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存 ...

  9. jQuery：cookie插件的使用

    Jquery插件就是在Jquery基础之上,开发的基于Jquery的javascript库. 在Jquery中,引入cookie插件后,可以很方便的定义某个cookie的名称,并设置cookie值.通 ...

随机推荐

  1. CSS 设置背景透明度，不影响子元素

    由于 opacity 属性能被子元素继承,使用它设置父元素背景透明度时也会影响子元素． 解决方法: 1> 使用 RGBA Example .classname { /* RGBa, 透明度0.6 ...

  2. VTID配置

    车牌过滤: [FilterByHour] text=${Channel},${Plate.type},${Frame.Time(%H)} all=true rule01= ^$,^$,^[]$ =&g ...

  3. JavaScript高级程序设计 读书笔记 第二章

    <script>元素 直接在页面中嵌入JavaSript代码或包含外部JavaSript文件. 在代码中任何地方不能出现</script>,可通过转义字符'\'解决. 在XHT ...

  4. 总结一下今天做的unity面试题（一）：刚体的点击事件

    按照需求,由于要模拟丧尸被击中的效果,不能使用CharactorControll组件,只能使用rigidbody组件. 首先在场景上摆好僵尸和相机的位置,这里就不给相机加脚本了,直接固定住. 然后给丧 ...

  5. 2016-2017 ACM-ICPC, NEERC, Southern Subregional Contest (Online Mirror) in codeforces(codeforces730)

    A.Toda 2 思路:可以有二分来得到最后的数值,然后每次排序去掉最大的两个,或者3个(奇数时). /************************************************ ...

  6. Docker 学习笔记（CentOS 7.1）

    基本概念 Docker 包括三个基本概念 镜像(Image) 容器(Container) 仓库(Repository)理解了这三个概念,就理解了 Docker 的整个生命周期. Docker 镜像 D ...

  7. 【前端】iterable类型的 forEach方法

    看三个例子: a = [ age: 1 , age: 2 ] a.forEach (item) -> item.age = 0 # 有效 console.log a # [ # age: 0 # ...

  8. 安装rabbitMQ delayed-messaged

    由于一些原因,消息需要延迟发送给消费者,可以用delayed-messaged插件 在 /usr/lib/rabbitmq/lib/rabbitmq_server-3.6.5/plugins目录下 # ...

  9. 安装php-amqplib（RabbitMQ的phpAPI）

    历史经验告诉我们,装逼没有好下场. 总结一下之前composer安装php-amqplib包失败的原因: composer安装的时候需要指定PHP执行文件的位置: PHP安装路径:/usr/local ...

  10. 《与小卡特一起学Python》 Code6 注释

    """这是一个包括多行的注释, 使用了三重引号字符串. 这不完全是注释,不过也可以相当于注释. """ #***************** ...