今天完成的事情：本地储存与导出储存；使用 jQuery 的隐藏和显示函数实现的翻牌查看身份

明天计划的事情：任务三，JS知识

遇到的问题：写有输入框与滑动条值同步，但是输入框输入正确范围值时，并不能同步。知识欠缺，太多不会

收获：

jQuery的隐藏及显示：

$(this).hide( ) ；hide（）函数，隐藏当前HTML；

$("p").hide()

 jQuery 的 hide() 函数，隐藏所有 <p> 元素；

$(".test").hide()

jQuery 的 hide() 函数，隐藏所有 class="test" 的元素；

$("#test").hide()

jQuery 的 hide() 函数，隐藏 id="test" 的元素。

jQuery click() 事件.：单次点击事件

 jQuery dblclick() 事件：双击事件

 jQuery mouseenter() 事件：当鼠标划进内容时，触发的事件

 jQuery mouseleave() 事件：鼠标划进内容后划出时，触发的事件

 jQuery mousedown() 事件：当鼠标在内容上按下触发的事件

 jQuery mouseup() 事件：当鼠标在内容上按下，松开后所发生的事件

 jQuery hover() 事件：当鼠标划进内容触发事件，划出后也发生的事件。

本地储存：在本地用户的浏览器储存数据，用户请求网站上的数据，并不保留在服务器上，可储存大量数据也不会影响网站的性能。

前端的网页数据只允许该网页内访问使用。

本地储存数据的两种对象方法：localStorage（本地储存）用于长久的保存网站的所保存的数据，保存的时间没有过期时限，可手动删除数据。

sessionStorage（会话储存）用于临时的保存同一窗口的或同一标签页的数据，在关闭此窗口或标签页时将会自动删除这些数据。

1，localStorage.sitename = "内容";// 存储，为其钥匙起名为"sitename"这个是永久的储存数据，除非删除

document.getElementById("result").innerHTML = localStorage.sitename;//查找到刚刚储存的“内容”并将其插入到id = "sitename"元素中

localStorage.removeItem("sitename");//删除localStorage中的sitename:将刚刚储存的内容删除掉。

2，sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

不管是 localStorage，还是 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);