学习前端第6周第4天

时间:2022-06-07
本文章向大家介绍学习前端第6周第4天,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
  • 了解常见的事件,如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类名删除