先下载Jquery cookie js ，下载路径：　　　　　　http://plugins.jquery.com/cookie/

记住，jquery的包要放在cookie的包前面，否则会产生异常

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.     <title>Jquery Cookie</title>
  6.     <script src="../Scripts/jquery-1.7.1.js"></script>
  7.     <script src="../Scripts/jquery.cookie.js"></script>
  8.  
  9.     <script>
  10.         $(function () {
  11.             var cookie_Name = 'username';
  12.             if ($.cookie(cookie_Name)) {
  13.                 $("#username").val($.cookie(cookie_Name));
  14.             }
  15.  
  16.             $("#check").click(function () {
  17.                 if (this.checked) {
  18.                     $.cookie(cookie_Name, $("#username").val(), { path: '/', expires: 10 });
  19.                 }
  20.                 else {
  21.                     $.cookie(cookie_Name, null, { path: '/' });
  22.                 }
  23.  
  24.             });
  25.         })
  26.     </script>
  27. </head>
  28. <body>
  29.     用户名: <input type="text" name="username"   id="username" /> <br />
  30.     <input type="checkbox" name="check" id="check"  /> 记住用户名
  31.  
  32. </body>
  33. </html>

　　Cookie的快速上手

　　

  1. /*
  2.   Cookie API
  3. 	写入Cookie
  4. 		$.cookie('the_cookie','the_value');
  5. 		//'the_cookie' 为待写入的Cookie名,'the_value'为待写入的值
  6. 	读取Cookie
  7. 		$.cookie('the_cookie');
  8. 		//'the_cookie' 为待读取的Cookie名
  9. 	删除Cookie
  10. 		$.cookie('the_cookie',null)
  11. 		//the_cookie为Cookie名，设置为null即删除此Cookie,必须使用与之前设置时相同的路径(path)和域名(domain),才可以正确的删除Cookie
  12. 	其他可选参数
  13. 		$.cookie('the_cookie','the_value',{
  14. 		    expires:7,
  15. 		    path:'/'
  16. 		    demain:'jquery.com',
  17. 		    secure:true
  18. 		});
  19.  
  20. 		//expires:(Number||Date)有效期,可以设置一个整数作为有效期（天）,也可以直接设置一个日期对象作为Cookie过期日期,如果时间指定日期为负数
  21. 		//例如已经过去的日子，那么此Cookie将被删除，如果不设置或者设置为null,那么此Cookie将被做为Sesson Cookie处理,并且在浏览器关闭后删除
  22. 		//path:(String)Cookie的路径属性,默认是创建改Cookie的页面路径
  23. 		//dimain:(String)Cookie的域名属性,默认是创建改Cookie的页面域名
  24. 		//secure:(Boolean)如果设为True,那么此Cookie的传输会要求一个安全协议，例如HTTPS
  25. */

　　

锋利的Jquery之插件Cookie记住密码的更多相关文章

  1. [jQuery]《锋利的jQuery》插件部分总结

    /** * <锋利的jQuery>插件部分总结 * * jQuery插件推荐命名:jquery.name.js * * $.fn.extend用于封装对象方法的插件 * $.extend用 ...

  2. cookie记住密码/base64加密（js控制）

    cookie记住密码/base64加密(js控制) • 配置cookie //设置cookie function setCookie ( name, value, expdays ) { var ex ...

  3. cookie记住密码功能

    很多门户网站都提供了记住密码功能,虽然现在的浏览器都已经提供了相应的记住密码功能 效果就是你每次进入登录页面后就不需要再进行用户名和密码的输入: 记住密码功能基本都是使用cookie来进行实现的,因此 ...

  4. js实现cookie记住密码

    近来做记住密码时,用js的实现方式做了一下. login.jsp页面代码 <%@ page language="java" import="java.util.*& ...

  5. asp.net中用cookie记住密码上次不用登陆

    ------最佳解决方案--------------------写入CookieResponse.Cookies["UserName"].Value = "用户名&quo ...

  6. python+selenium利用cookie记住密码

    先上代码 1 from selenium import webdriver 2 from time import sleep 3 4 dr = webdriver.Chrome() 5 dr.get( ...

  7. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  8. 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名！

    // 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名! var username = document.getElementById("username&quo ...

  9. jquery记住密码，记住账号，自动登录

    1.引入jquery库 2.引入jquery.cookie.js库 3.引入操作js jsp如下: $(document).ready(function() { //输入框获得焦点-失去焦点 $(&q ...

随机推荐

  1. Odoo 学习地址

    Odoo官文文档: https://www.odoo.com/zh_cn/page/docs http://www.odoo.com/documentation/8.0/ Odoo中文文档推荐: ht ...

  2. 课程三(Structuring Machine Learning Projects)，第一周（ML strategy（1）） —— 1.Machine learning Flight simulator:Bird recognition in the city of Peacetopia (case study)

    []To help you practice strategies for machine learning, the following exercise will present an in-de ...

  3. 课程一(Neural Networks and Deep Learning)，第三周（Shallow neural networks）—— 0、学习目标

    Learn to build a neural network with one hidden layer, using forward propagation and backpropagation ...

  4. centos 7 hadoop的安装和使用

    准备工作 安装jdk 用户免密登录 安装参考文章: http://blog.csdn.net/circyo/article/details/46724335 http://www.linuxidc.c ...

  5. Grape简介

    什么是Grape Grape是Ruby中的一个类REST API框架,被设计用于运行在Rack上或弥补已有的web应用框架(比如Rails或者Sinatra),Grape提供了一个简单的DSL用于方便 ...

  6. StreamSets学习系列之StreamSets支持多种安装方式【Core Tarball、Cloudera Parcel 、Full Tarball 、Full RPM 、Docker Image和Source Code 】（图文详解）

    不多说,直接上干货! Streamsets的官网 https://streamsets.com/ 得到 https://streamsets.com/opensource/ StreamSets支持多 ...

  7. koa2 get请求后台正常接收参数 前端报404错误

    刚学习一门技术时,总会踩一些坑. 前端代码 function del(mId){ $.ajax({ type:"get", url:"/delUser", da ...

  8. Java中的八大基本数据类型

    Java中的基本类型主要包括整数.浮点数.字符和布尔类型. 整数: 整数类型主要包括byte.short.int.long四种类型,所占大小分别为1byte.2byte.4byte和8byte: 浮点 ...

  9. ASP.NET MVC View中的标签(tag)

    在编辑View的时候会用到各种HTML标签,如<a>,<input>,<p>等待,这些标签在ASP.NET MVC中都有对应的编程语法,它叫Razor,它是帮助我们 ...

  10. 【一个小功能】点击图标/链接发起QQ临时会话

    有时候,我们需要实现在网页上点击一个QQ图标来实现QQ临时会话,这样不用添加好友,也能满足及时沟通的需求. 实现方案比较简单,只是为a标签修改href属性,代码如下 <a href=" ...