HTML是網頁開發的基礎語言，而使用jQuery可以更加方便地實現Web頁面的交互效果。在這里，我們將學習如何使用jQuery來設置動態圖片。

// HTML代碼
<img src="image1.jpg" id="myImage">
// jQuery代碼
$(document).ready(function(){
$("#myImage").click(function(){
$(this).attr("src", "image2.jpg");
});
});

以上代碼演示了如何使用jQuery來設置單擊圖片更改其源文件。在此代碼中，我們使用了jQuery的attr()方法，該方法用于設置或返回指定元素的屬性值。

首先，我們使用jQuery的document.ready()方法來確保文檔完全加載并準備好使用。接下來，我們選擇id為“myImage”的圖像，并添加了一個單擊事件，該事件將使用attr()方法來更改圖像的src屬性。這個新的src屬性將用圖片“image2.jpg”替換原來的“image1.jpg”。

通過簡單的代碼，我們可以輕松控制網頁上的動態圖片。jQuery還有許多其他功能，可以幫助我們實現更多交互性的Web應用程序。我希望你已經開始探索jQuery，并在你的下一件Web項目中使用它！