jQuery学习（三）

jQuery 遍历

意为”移动”，用于根据其相对于其他元素的关系来”查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。
家族树
1. jQuery 祖先
- parent() 方法返回被选元素的直接父元素。
- parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (html)。
使用可选参数来过滤对祖先元素的搜索
- parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
2. jQuery 后代
- children() 方法返回被选元素的所有直接子元素。
该方法只会向下一级对 DOM 树进行遍历。
- find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
都可以使用参数进行过滤。
3. jQuery 同胞
- siblings() 方法返回被选元素的所有同胞元素。
- next() 方法返回被选元素的下一个同胞元素。
- nextAll() 方法返回被选元素的所有跟随的同胞元素。
- nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
4. jQuery 过滤
- first() 方法返回被选元素的首个元素。
- last() 方法返回被选元素的最后一个元素。

jQuery 效果

隐藏、显示、切换，滑动，淡入淡出，以及动画。
1. 隐藏和显示
隐藏和显示 HTML 元素

$(selector).
hide([speed],[fn])
show([speed],[fn])
toggle([speed],[fn])

- speed: 隐藏/显示 效果的速度。默认是 “0”毫秒。可能的值：slow，normal，fast。”
- fn:在动画完成时执行的函数，每个元素执行一次。
2. 淡入淡出

fadeIn([speed],[fn])淡入fadeOut([speed],[fn])淡出fadeToggle([speed],[fn])淡入/淡出fadeTo([speed],opacity,[fn])渐变为给定的不透明度（值介于 0 与 1 之间）opacity:一个0至1之间表示透明度的数字。

3. 滑动
上滑、下滑，上滑/下滑
slideDown([speed],[fn])
slideUp([speed],[fn])
slideToggle([speed],[fn])
4. 动画
$(selector).animate({params},speed,callback);
- 必需的 params 参数定义形成动画的 CSS 属性。
- 可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。
- 可选的 callback 参数是动画完成后所执行的函数名称。

---

如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！
5. 停止动画
$(selector).stop(stopAll,goToEnd);
- 可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。
- 可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此，默认地，stop() 会清除在被选元素上指定的当前动画。
6. Callback 方法
即[fn]，指在动画完成后才调用。不然，即使函数写在动画的下一行，也会根据执行速度显示先后不同。
7. 链(Chaining)
Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。
过于杂糅，可能不能够正常执行。