jQuery是一個非常流行的JavaScript庫，它可以方便的操作HTML文檔和CSS樣式。其中，attr()方法是一種非常常用的方法，它可以用來獲取、設置或移除屬性。在本文中，我們將會介紹如何使用attr()方法來添加圖片。

// HTML
<img id="myImg">
// JavaScript
$(document).ready(function(){
$('#myImg').attr('src', 'path/to/my/image.jpg');
});

如上所示，首先我們需要在HTML中創建一個img標簽，并且為其設置一個id，這樣我們就可以方便的在JavaScript中選取它了。

接著，在JavaScript中，我們使用了attr()方法來設置img標簽的src屬性，使其指向我們想要添加的圖片路徑。這樣，我們就成功的向頁面添加了一張圖片。

需要注意的是，如果我們想要在img標簽中添加更多的屬性，例如alt、title等，我們只需要在attr()方法中依次添加即可。

// HTML
<img id="myImg">
// JavaScript
$(document).ready(function(){
$('#myImg').attr({
'src': 'path/to/my/image.jpg',
'alt': 'My Image',
'title': 'My Image'
});
});

如上所示，我們在attr()方法中使用了一個包含多個屬性的對象來設置img標簽的屬性。這樣，我們就可以在img標簽中添加任意的屬性了。

總之，使用attr()方法添加圖片非常簡單，只需要選取目標元素，并使用attr()方法設置它的src屬性即可。如果需要添加更多的屬性，則可以像上面所示一樣，在attr()方法中使用對象來設置。