用 jQuery 做代办事宜列表

前提条件

概要

类型:实践
难度:中等

任务描述

http://todomvc.com/examples/jquery/ 所示的待办事宜。外观可以不一定和所示 Demo 一致,但要满足下面的功能:

  1. 支持新增。在文本框输入内容,按回车新增。
  2. 支持标记为完成(条目前面的radiobtn)和删除(hover到条目会出现删除按钮)。
  3. 支持对条目的筛选:所有,未完成的,已完成的。

提示

  • 用数组来存待办事宜。可以是类似这样的结构:[{id:'xx', title: '标题',isComplete: false}, ...]
  • 对待办事宜的新增,修改,删除,就是对数组的相关内容的操作。
  • 写个绘制的函数将数组画到页面上。每次数组发生变化后,就执行那绘制函数。
  • 因为代办事宜是动态生成的,所以在代办事宜上的事件都需要用事件委托。

将数组画到页面上推荐用模板引擎 Handlebars

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容