jQuery動畫庫是用來改變HTML文檔中的樣式和屬性，能夠增強用戶界面的效果。動畫庫中尤為重要的animate()函數可以讓我們對元素進行運動。在使用Animate函數時，代碼中需要注意順序，在下面的代碼示例中，我們將詳細講解順序的重要性。

$("p").animate({
"top": "100px",
"left": "100px",
"opacity": "0.5"
}, 1000);

這段代碼將會使所有的<p>元素從原始位置移動到一個距離為100px和100px的邊緣處，并且樣式透明度降低到0.5。這里的第二個參數1000是動畫完成所需的時間，以毫秒為單位。但實際上，這個參數在代碼中的位置也非常重要。

在我們進行多個動畫嵌套時，animate()函數會按照代碼編寫的順序執行動畫，而不是按照屬性名稱的字母排序執行動畫。讓我們看下面的代碼示例：

$("div").animate({
"top": "100px"
}, 1000).animate({
"left": "100px"
}, 1000);

這段代碼將會使所有的 <div> 元素向上移動100像素，接著向右移動100像素。注意到我們使用的是連綴(chaining)方式將兩個動畫綁定在一起。這樣第一個動畫結束后才會執行第二個動畫。若我們更改代碼如下：

$("div").animate({
"left": "100px"
}, 1000).animate({
"top": "100px"
}, 1000);

那么所有的 <div> 元素會先向右移動100像素，然后才會向上移動100像素。這是因為我們改變了動畫的順序。

總的來說，在使用animate()函數時，我們需要注意代碼中的屬性的書寫順序。相同的屬性可以在一個對象中進行設置，而不需要多個并行設置。這樣我們的代碼就能按照自己的意愿執行動畫了。