JQuery 实现简易记事簿

这里运用到的技术：

1、localStorage 保存数据到浏览器，和从浏览器中localStorage取到数据

2、JSON.stringify()方法和JSON.parse()方法的运用

3、setSelectionRange()方法

4、数组的prop添加内容，splice(i,1) 删除和替换splice(i,0,'aa')

5、attr（）和prop（）

6、on 绑定事件

html:

<header>

<section>

<label for="title">简易记事簿</label>

<input type="text" id="title" placeholder="添加备忘录">

</section>

</header>

<section>

<h2>正在进行</h2> <span id='dolist'>0</span>

<ol>

</ol>

<h2>已经完成</h2> <span id='donelist'>0</span>

<ul></ul>

</section>

css ：

body{

margin: 0;

padding: 0;

font-size: 14px;

background-color: silver;

}

header{

height: 50px;

background-color: #3b3b3b;

}

section{

width: 500px;

margin: 0 auto;

}

label{

color: #fff;

font-size: 20px;

line-height: 50px;

}

#title{

wi