jQuery是一款便于操作HTML文檔，處理事件以及實現動畫效果的JavaScript庫。而異步加載動畫則能夠使網頁更加的流暢，給用戶帶來更好的體驗。

// 以下為代碼示例
$(document).ready(function() {  // 頁面加載完成后執行
$('#my-button').click(function() {  // 當給定的元素被點擊時發生
$('#my-box').fadeIn(300);  // 淡入顯示
$.ajax({
url: 'my-data.json',  // 請求的URL地址
success: function(data) {  // 成功回調函數
$('#my-box').html(data);  // 在my-box元素中顯示請求的數據
$('#my-box').fadeOut(300);  // 淡出隱藏
},
error: function() {  // 失敗回調函數
alert('加載失敗，請稍后重試！');
}
});
});
});

代碼示例中，我們綁定了一個按鈕的點擊事件。當用戶點擊按鈕時，我們會先以淡入動畫顯示一個加載框，然后發起AJAX請求，請求成功后將請求到的數據顯示在加載框中，并以淡出動畫隱藏。如果請求失敗，則會彈出提示框。

通過這種方式，我們可以更好的控制頁面中的動畫效果和數據加載過程，從而提升用戶體驗。