首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >学习前端第6周第4天

学习前端第6周第4天

作者头像
前端GoGoGo
发布2018-08-27 10:25:50
4090
发布2018-08-27 10:25:50
举报
  • 了解常见的事件,如click,dbclick,mouseover,mouseout,hover,focus,blur,change,keyup,keydown,scroll
  • 了解事件冒泡
  • 会用jQuery绑定和解除绑定事件
  • 了解事件委托。知道在什么时候用事件委托
  • 会用jQuery写事件委托

作业

现在有如下的HTML结构

<button id="add-btn">添加按钮</button>
<ul class="res-list">
    <li>一条数据 <button class="remove-btn">删除按钮</button></li>
</ul>

实现如下功能

  1. 点击添加按钮时,在.res-list追加<li>一条数据 <button class="remove-btn">删除按钮</button></li>
  2. 点击删除按钮,则删除删除按钮所在的li
  3. 移动到某条li上时,给li加类名active,移出时,将active类名删除
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015.04.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 作业
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档