在網(wǎng)頁設(shè)計中，為了改善用戶體驗，我們經(jīng)常需要使用到加載動畫，以提示用戶需要等待一段時間。而jQuery和jQuery UI庫中提供了很多豐富的效果，方便我們實現(xiàn)這些需求。

對于正在加載的情況，可以使用jQuery的ajaxStart和ajaxStop事件來實現(xiàn)。ajaxStart事件在AJAX請求開始時觸發(fā)，而ajaxStop事件在AJAX請求結(jié)束時觸發(fā)。在這兩個事件中可以很方便地實現(xiàn)加載動畫的顯示與隱藏。以下是一個簡單的示例：

$( document ).ajaxStart(function() {
// 顯示加載動畫
$( "#loading" ).show();
}).ajaxStop(function() {
// 隱藏加載動畫
$( "#loading" ).hide();
});

在示例中，我們分別使用jQuery的show()和hide()方法顯示和隱藏名為loading的元素。

而對于更加豐富的加載動畫，我們可以使用jQuery UI中的progress bar、spinner、dialog等組件。以下是一個使用spinner組件的示例：

$( "#loading" ).spinner({
// 配置項
min: 0,
max: 100,
value: 0,
step: 1,
numberFormat: "n",
create: function( event, ui ) {
$( this ).spinner( "value", "" );
}
});

在示例中，我們使用了spinner組件來實現(xiàn)加載動畫，通過配置項可以調(diào)整動畫效果。此外，在create事件中設(shè)置spinner的初始值為空，在顯示加載動畫時再設(shè)置其值，以達到動畫效果。

總之，jQuery和jQuery UI提供了很多豐富的動畫效果，方便我們實現(xiàn)各種需求。選擇適合自己的動畫效果，可以有效地提升用戶體驗。