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

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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Jquery Cookie</title>
<script src="../Scripts/jquery-1.7.1.js"></script>
<script src="../Scripts/jquery.cookie.js"></script> <script>
$(function () {
var cookie_Name = 'username';
if ($.cookie(cookie_Name)) {
$("#username").val($.cookie(cookie_Name));
} $("#check").click(function () {
if (this.checked) {
$.cookie(cookie_Name, $("#username").val(), { path: '/', expires: 10 });
}
else {
$.cookie(cookie_Name, null, { path: '/' });
} });
})
</script>
</head>
<body>
用户名: <input type="text" name="username" id="username" /> <br />
<input type="checkbox" name="check" id="check" /> 记住用户名 </body>
</html>

  Cookie的快速上手

  

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

  

锋利的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. Android常用布局属性解析 -- Layout_weight

    Layout_weight是Android开发中一个比较常用的布局属性,在面试中也经常被问到.下面通过实例彻底搞懂Layout_weight的用法. 先看下面的布局代码: <?xml versi ...

  2. Swift 里 Array (二)初始化

    init() 函数 在 Array 里 public init() { _buffer = _Buffer() } 以Buffer 是 _ContiguousArrayBuffer 为例. 即初始化了 ...

  3. Shell - 简明Shell入门10 - 管道(Pipe)

    示例脚本及注释 #!/bin/bash echo '##### Number of *.conf : ' find /etc -name *.conf | grep system | wc -l ec ...

  4. sql 导入导出表数据 命令

    那么在我们使用BCP命令之前,我们首先要在Sql Server数据库中执行下列语句,以修改Sql Server的配置,启用对BCP命令的支持. --允许配置高级选项 exec sp_configure ...

  5. 转:TCP为什么要3次握手和4次挥手时等待2MSL、 TCP如何保证消息顺序以及可靠性到达

    关于tcp三次握手.四次挥手可以看这里:TCP与UDP的差别以及TCP三次握手.四次挥手 1.TCP为甚要3次握手? 在谢希仁著<计算机网络>第四版中讲“三次握手”的目的是“为了防止已失效 ...

  6. System.Threading.Tasks.Task 引起的 IIS 应用池崩溃

    接口服务运行一段时间后,IIS应用池就会突然挂掉,事件查看日志,会有事件日志Event ID为5011的错误 为应用程序池“PokeIn”提供服务的进程在与 Windows Process Activ ...

  7. Redis+Jedis封装工具类

    package com.liying.monkey.core.util; import java.io.IOException; import java.util.ArrayList; import ...

  8. SQL Server 笔记

    第一章数据库的基本操作: >创建数据库: create database my_db(逻辑名称) on primary ( name='my_db.mdf',(物理名称) filename='F ...

  9. HDFS恢复误删操作的方法

    1.通过垃圾箱恢复 使用这种方式的前提是在hdfs上面开启trash功能,默认是没有开启的.interval的值默认为0,单位是分钟.只需要在hadoop的配置文件core-site.xml中添加下面 ...

  10. postcss

    一.简介 PostCSS 本身是一个功能比较单一的工具.它提供了一种方式用 JavaScript 代码来处理 CSS.它负责把 CSS 代码解析成抽象语法树结构(Abstract Syntax Tre ...