在浏覽網頁時，我們經常能夠看到大量的動畫效果：下拉菜單、圖片輪播、浮動廣告等。使用動畫效果可以最大化地優化頁面的用戶體驗，而用戶體驗這也是前端開發人員最需要考慮的一點。
我們都知道，對於這些動畫效果，我們可以使用JavaScript來編寫。但是原生JavaScript編寫動畫效果代碼比較復雜，而且還需要考慮兼容性。不過通過jQuery，我們卻可以使用簡單幾句代碼，即可輕松實現各種絢麗的動畫效果。
圖1 下拉菜單
圖2 圖片輪播
現在HTML5和CSS3正在崛起，不少小伙伴們都嘗試過CSS3動畫效果。其實，使用CSS3實現動畫比使用jQuery實現動畫效果更加簡單快速。實話說一句，我也更加傾向於使用CSS3來實現動畫效果， 學習網中大量的動畫特效其實都是使用CSS3來實現，少數才是用jQuery實現。對於前端開發中的動畫效果，我們優先使用CSS3動畫，其次再考慮jQuery動畫。對於CSS3動畫，可以關注我們的CSS3教程。
不過有人就會問了，既然都說CSS3實現動畫效果來得方便了，為什麼還要學習jQuery動畫呢？ 這是由於jQuery動畫具有CSS3動畫所不具備的以下幾個特點：
在實際開發過程中，對於動畫效果，我們優先使用CSS3來實現，其次再考慮jQuery。如果一個動畫效果實在沒辦法使用CSS3來實現，或者說這個動畫效果需要傳遞一些參數，或者使用回調函數進行其他操作，這時我們再使用jQuery。