学习前端第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类名删除

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GIS讲堂

Openlayers3中SVG图加载

鉴于SVG的优势,在图层展示的时候,会想到SVG的方式,但是OL3里面只支持ImageStatic的方式加载,也就是只能加载栅格图片,为此,本文实现Openla...

1954
来自专栏每日一篇技术文章

weex-27-通用事件

如上示例中定义的单击事件方法tap中,如果不传递参数,即使用默认参数的情况,系统会自动传递如下对象当成方法的参数

1153
来自专栏Android干货

小程序实践(九):返回到上一个界面并传值回去

常见需求,修改某个信息,需要调到一个新界面有个输入框去修改内容,修改之后,点击后退按钮,新的数据就返回更新了

1803
来自专栏python3

tkinter -- RadioButton

Radiobutton 为单选按钮,即在同一组内只能有一个按钮被选中,每当选中组内的一个按钮时,其它的按钮自动改为非选中态,与其他控件不同的是:它有组的概念

851
来自专栏专业duilib使用+业余界面开发

duilib中获取的控件的位置或者大小不对的可能的原因

2344
来自专栏coding

vue.js组件切换

912
来自专栏搞前端的李蚊子

微信小程序监听input输入并取值

小程序的事件分为两种,冒泡和非冒泡事件,像<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件等非...

4487
来自专栏用户2442861的专栏

PyCharm常用快捷键

Ctrl + NumPad+/- 展开或者收缩代码块 Ctrl + Shift + NumPad+ 展开所有的代码块 Ctrl + Shift + NumPa...

1751
来自专栏我爱编程

PyCharm

1704
来自专栏coding

transition-group实现动画效果

如果要实现动画效果的元素是通过v-for循环渲染出来的,就不能使用transition,应该用transition-group将元素包裹

841

扫码关注云+社区

领取腾讯云代金券