总结: 《jQuery基础教程》 1-4章
前言:
因为公司的项目用到了jQuery+Bootstrap,而Bootstrap基于jQuery,突然发现自己只是很久前看过jQuery的视频教程,对jQuery的一些API有一些了解,在使用中还是之前然不知其所以然,所以想要更加深入的去学习一下jQuery。
于是开始在网上找书看,在官网上看到了这本书,因为是官方推荐的,所以找来认真的翻一翻,现在看完了第四章,写一下总结。
第1章:jQuery入门
- 开始对jQuery的了解
- 对比纯JavaScript和jQuery,使用jQuery开发的好处
- 介绍工具,这里推荐Chrome开发者工具
第2章:选择元素
- jQuery选择符:CSS选择符(参考附录C.1)、属性选择符([])、自定义选择符(:)
- 对DOM的操作:访问、遍历
第3章:事件
- $(document).ready(fn)或者$(fn)
on(events,[selector],[data],fn) 和它的简写方式
事件传播:事件捕获和事件冒泡
改变事件的旅程:阻止事件传播、阻止默认操作、事件委托
off(events,[selector],[fn])
模仿用户操作:trigger(type,[data]) 与其简写
第4章:样式和动画
- 显示/隐藏:show([speed,[easing],[fn]]) 和 hide([speed,[easing],[fn]])
- 淡入/淡出:fadeIn([speed],[easing],[fn]) 和 fadeOut([speed],[easing],[fn])
- 滑上/滑下:slideDown([speed,[easing],[fn]]) 和 slideUp([speed,[easing],[fn]])
- 切换:toggle([speed,[easing],[fn]]) 和 fadeToggle([speed,[easing],[fn]]) 和 slideToggle([speed,[easing],[fn]])
- 自定义动画:animate(params,[speed],[easing],[fn])