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 方法（在相同的元素上）。
過於雜糅，可能不能夠正常執行。