学习前端第6周第4天

2018-08-27 10:25:50 浏览数 (1)

  • 了解常见的事件,如click,dbclick,mouseover,mouseout,hover,focus,blur,change,keyup,keydown,scroll
  • 了解事件冒泡
  • 会用jQuery绑定和解除绑定事件
  • 了解事件委托。知道在什么时候用事件委托
  • 会用jQuery写事件委托

作业

现在有如下的HTML结构

代码语言:javascript复制
<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类名删除

0 人点赞