在前端開發中，使用jQuery提供的ajax技術可以方便地與服務器進行數據交互。除了傳遞數據，ajax還可以用于改變網頁上的元素，比如說圖片。本文就來介紹一下如何使用jQuery ajax來改變圖片。

$.ajax({
url: 'http://example.com/image.jpg',
type: 'GET',
dataType: 'binary',
processData: false,
success: function(data) {
var url = window.URL.createObjectURL(new Blob([data]));
$('#myImage').attr('src', url);
}
});

以上是使用jQuery ajax從服務器獲取圖片并改變網頁上圖片元素的代碼。這段代碼首先指定了圖片的URL，然后將數據類型設為二進制，這意味著返回的數據是一個二進制文件。因為處理過程（即將二進制轉換為可用的圖像）由瀏覽器自動完成，我們將`processData`設為`false`避免jQuery嘗試轉換數據。

在成功處理服務器返回數據后，我們使用`new Blob`將二進制數據封裝成一個Blob對象。然后通過`window.URL.createObjectURL`創建一個URL，這個URL指向剛剛創建的Blob。最后，我們使用`$('#myImage').attr('src', url)`將指定的網頁元素`#myImage`的`src`屬性改為所獲取的圖片的URL。

這樣，我們就可以使用以上代碼來改變網頁上的圖片，而不需要刷新整個頁面。這極大地提高了用戶體驗，并且節約了帶寬和服務器資源。