js、jQuery 实现本地存储的增删改查

 

目录

 html代码

css代码

js代码

---

  

 添加

 

 修改

 

 html代码

<!-- 模态窗 -->
		<div class="modal">
			<div class="form">
				<!-- 隐式接收修改的id值用于修改 -->
				<input type="hidden" value="" class="active" placeholder="请输入用户名">
				<div><span class="modal-title">修改记录</span><span class="closeModal">X</span></div>
				<hr>
				<div><input type="text" class="username" placeholder="用户名"></div>
				<div><input type="password" class="pwd" placeholder="密码"></div>
				<div><button class="closeModal">关闭</button>&emsp;&emsp;<button class="addInfo">确认</button></div>
			</div>
		</div>
		<div class="wrapper">
			<div>
				<input type="search" value="">
				<button class="search">查询</button>
				<button class="add">添加</button>
			</div>
			<div class="tb">
				<ta