2、localStorage HTML5本地存储web storage特性的API之一，用于将大量数据（最大5M）保存在浏览器中

保存后数据永远存在不会失效过期，除非手动清除。不参与网络传输。一般用于性能优化，可以保存图片、js、css、html 模板、大量数据。

3、数据以 键/值 （key/value）对存在, web网页的数据只允许该域访问使用

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

保存数据：localStorage.setItem(key,value);

读取数据：localStorage.getItem(key);

删除单个数据：localStorage.removeItem(key);

删除所有数据：localStorage.clear();

得到某个索引的key：localStorage.key(index);

5、数据储存：

在有多组数据需要储存时，一般:

.建立一个新的对象，然后将多组数据储存在对象中，

.使用 JSON.stringify() 来将对象转换为字符串，

.使用localStorage.setItem(key,value);保存数据。

6、数据提取：

.使用localStorage.getItem(key)读取数据

. 使用 JSON.parse 方法将字符串转换为 JSON 对象。

. 直接引用对象的各个值

bind()方法

bind()方法用于对匹配的元素进行特定事件的绑定。它直接绑定在现有的元素节点上，也很好的解决了浏览器在事件处理中的兼容问题。例如，它的调用格式如下：

bind(type, [data], fn) //事件类型(必选)，传递的参数(可选)，相关的函数$('a').bind('click',function(){alert('that tickles!')})

JQuery扫描文档找出所有的$(‘a’)元素，并把alert函数绑定到每个元素的click事件上。

 live()方法

live()是事件委托的概念来执行，把节点的处理委托给了document，向当前或未来的匹配元素添加一个或多个事件处理器。

live(type, [data], fn) //事件类型(必选)，传递的参数(可选)，相关的函数

$('a').live('click',function(){alert('That tickles!')})

它是将函数绑定到$(document)元素上，并使用'click'和'a'作为参数。只要有事件冒泡到document节点上，它就查看该事件是否是一个click事件，以及该事件的目标元素与'a'这一CSS选择器是否匹配，如果都是的话，则执行函数。

delegate()方法

delegate()方法的行为有点类似live()。但是不是把选择器和事件的信息附加到了document上，而是可以自行选择它要附加的DOM元素，这个技术可以让事件的委托正常工作。我们的选择又多了一些灵活性，不单可以利用事件委托，还可以选择委托的对象。它适用于当前或未来的元素（比如由脚本创建的新元素）。

delegate(selector,[type],[data],fn)//元素节点(字符串形式，一般是子级元素childselector)，事件类型，传递的参数(可选)，相关的函数$('#container').delegate('a','click',function(){ alert("That tickles!") });

JQuery扫描文档查找$(‘#container’)，并使用click事件和’a’这一CSS选择器作为参数把alert函数绑定到$(‘#container’)上。任何时候只要有事件冒泡到$(‘#container’)上，它就查看该事件是否是click事件，以及该事件的目标元素是否与CCS选择器相匹配。如果两种检查的结果都为真的话，它就执行函数。

on()方法

on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。它是在1.7版本中被提出来的，提供绑定事件处理程序所需的所有功能。用于替换 bind()、delegate()和 live()。

on(events,[selector],[data],fn) // 事件类型，元素节点(可选)，传递的参数(可选)，相关的函数