jQuery animate 是一個屬于 jQuery 庫的函數。它可將 CSS 樣式更改為動畫效果。您可以控制動畫的樣式，其持續時間以及其他方面。

該函數使用以字符串表示的 CSS 屬性名稱，然后憑借一些典型的可選設置來創建注意到的動畫效果。例如，您可以向左側或向右側移動元素，通過改變透明度使元素淡入或淡出，或逐漸改變元素的高度或寬度。

$("#div1").animate({
left: '250px',
opacity: '0.5',
height: '150px',
width: '150px'
});

在這個例子中，我們選中一個id為“div1”的元素并在之后的括號中使用 animate 函數來動畫更改該元素的一些屬性。這個元素會從初始狀態移到左側250個像素，透明度降至0.5，同時它的高度和寬度都將調整到 150 像素。

通過 jQuery 的鏈式語法，您可以輕松地添加多個屬性來平滑地更改您的頁面。此外，還可以指定動畫的持續時間和過渡效果，使您的動畫效果更加巧妙。animate 函數具有超過 50 種可選設置，可定制動畫效果。