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. u-boot移植 II

    下面是韦老师的uboot移植攻略: A. 开发板的相关拷贝与修改 1. 在board文件夹下面, 将原来的smdk2410复制为100ask24x0目录, 并将smdk2410.c改名为100ask2 ...

  2. [转]Linux进程间通信——使用消息队列

    点击此处阅读原文 另收藏作者ljianhui的专栏初学Linux 下面来说说如何使用消息队列来进行进程间的通信,消息队列与命名管道有很多相似之处.有关命名管道的更多内容可以参阅我的另一篇文章:Linu ...

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

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

  4. T-SQL语句简易入门（第一课）

    在微软官方,有一篇介绍T-SQL语句的教程,非常好理解,完全可以帮助新手入门,了解常用SQL语句的使用语法,而且又不涉及较为复杂的操作.不用安装示例数据库AdventureWorks.下面是教程里内容 ...

  5. angular 控制器的使用两种模式

    angular.module("myApp",[]) .controller("firstCtrl",["$scope",function( ...

  6. Spark学习（二） -- Spark整体框架

    标签(空格分隔): Spark 还记得上次的wordCount程序嘛?通过这个小程序,我们来一窥Spark的框架是什么样子的. sc.textFile("/usr/local/Cellar/ ...

  7. nancy中视图呈现 Html.Partial（RenderPage的替代品）

    在mvc中有RenderPage 用来呈现其他视图的内容,而在nancy中没有RenderPage.怎么办呢? mvc中RenderPage的替代品,就是 Html.Partial. 使用方式 @Ht ...

  8. hihoCoder 1426 : What a Ridiculous Election（总统夶选）

    hihoCoder #1426 : What a Ridiculous Election(总统夶选) 时间限制:1000ms 单点时限:1000ms 内存限制:256MB Description - ...

  9. 非root用户安装软件

    下面简要说一下Linux下非root用户安装软件的一般流程: 1. 获取源代码,一般是wget方式,ubuntu可以使用apt-get source来获取源代码. 2. 解压源代码,一般使用tar - ...

  10. Mac 下 PostgreSQL 的安装与使用

    在 mac 下,可以利用 homebrew 直接安装 PostgreSQL: 1 brew install postgresql -v 稍等片刻,PostgreSQL 就安装完成.接下来就是初始数据库 ...