jQuery 动画效果
show/hide/fadeIn/slideUp/animate · 难度：进阶 · +20XP
jQuery 动画
jQuery 提供简单好用的动画 API，一行代码实现常见动画效果。
| 方法 | 效果 |
|---|---|
| .show(ms) / .hide(ms) / .toggle(ms) | 显示/隐藏/切换 |
| .fadeIn(ms) / .fadeOut(ms) | 淡入/淡出 |
| .slideUp(ms) / .slideDown(ms) | 滑动 |
| .animate({css},ms) | 自定义 CSS 动画 |
所有方法支持回调函数，动画完成后执行。
学习建议
- 先理解核心概念，再动手写代码
- 每学完一章，尝试做一个综合小练习
- 把代码提交到 GitHub，记录学习历程
- 加入学习社区，和同学们交流问题
- 定期复习前面的内容，温故知新
编程是一门实践技能，动手写代码比看教程更重要。每天坚持练习，你很快就能独立完成项目！