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. PHP获取时间、时间戳的各种格式

    1.获取当前时间方法date() 很简单,这就是获取时间的方法,格式为:date($format, $timestamp),format为格式.timestamp为时间戳--可填参数. 2.获取时间戳 ...

  2. jquery+javaScript完成瀑布流图片页面效果

    效果如图: html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> & ...

  3. svn: 期望文件系统格式在“1”到“4”之间；发现格式“6”

    svn 客户端浏览的时候出现了这个提示,经查,发现是Subversion 1.7 < TortoiseSVN 1.8导致的,需要更换版本,应该是 Version(Subversion) > ...

  4. 关于Android中ArrayMap/SparseArray比HashMap性能好的深入研究

    由于网上有朋友对于这个问题已经有了很详细的研究,所以我就不班门弄斧了: 转载于:http://android-performance.com/android/2014/02/10/android-sp ...

  5. Corn Fields——POJ3254状态压缩Dp

    Corn Fields Time Limit: 2000MS Memory Limit: 65536K Description Farmer John has purchased a lush new ...

  6. Editplus配置VC++(2) 与/d1reportSingleClassLayout

    前篇文章:Editplus配置VC++(1) 及相关注意事项 VC++有两个隐含编译选项/d1reportSingleClassLayout和/d1reportAllClassLayout   /d1 ...

  7. spring MVC、mybatis配置读写分离

    spring MVC.mybatis配置读写分离 1.环境: 3台数据库机器,一个master,二台slave,分别为slave1,slave2 2.要实现的目标: ①使数据写入到master ②读数 ...

  8. Unity手撸2048小游戏——背景文字控制

    今天继续昨天的计划吧 1.新建项目.场景命名啥的都不说了吧. 2.直接开始新建一个Image,顺便把Image改名成Chessman 3.选中Image新建一个Text对象,调整下大小位置.这样就算完 ...

  9. Sublime Text 3 提高工作效率的使用技巧

    Sublime Text 3对于Sublime Text 2压倒性的优势就是秒启动,启动非常非常快,所以从2012年到2016年我一直用Sublime Text 2,但是安装了3并且启动试用后,我再也 ...

  10. fzu1036四塔问题（汉诺塔问题拓展）

    #include<iostream> #include<cstdio> #include<cmath> using namespace std; ]; int ru ...