在開發網頁時，我們經常需要通過attr()函數來動態修改HTML元素的屬性值。其中，img標簽的src屬性是經常被改變的，我們可以使用attr方法來動態修改它。

$(document).ready(function(){
$("button").click(function(){
// 獲取img元素的src屬性
var imgSrc = $("img").attr("src");
// 修改img元素的src屬性
$("img").attr("src", "newImg.jpg");
});
});

上面的代碼演示了如何使用attr()函數來獲取img元素的src屬性，并動態修改它，使得圖片路徑變為"newImg.jpg"。

當然，我們也可以將img的src屬性改為其他內容，比如可以從服務器端獲取圖片路徑，然后通過ajax請求將其更新到img標簽的src屬性中。

$(document).ready(function(){
$.ajax({
url: "getImage.php",
success: function(data){
$("img").attr("src", data);
}
});
});

上面的代碼演示了如何使用ajax異步請求服務器端獲取圖片路徑，并動態將其更新到img標簽的src屬性中。

總之，attr()函數在操作img元素的src屬性時非常常用，學好這個函數將讓你的開發更加便捷！