龙空技术网

JQuery 实现简易记事簿

编程鲍老师 49

前言:

如今小伙伴们对“jquery运用”大约比较关切,我们都想要学习一些“jquery运用”的相关知识。那么小编也在网上搜集了一些对于“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

标签: #jquery运用