Jquery是一個非常強大的JavaScript庫，提供了很多方便的API來操作DOM元素、處理事件、動畫效果等等。其中，attr()方法是用來設置或獲取HTML元素的屬性值的。在這篇文章中，我們將重點介紹如何使用attr()方法來獲取元素的src屬性。

$(document).ready(function(){
var imgSrc = $("img").attr("src");
console.log("圖片的src屬性值是：" + imgSrc);
});

上面的代碼中，我們使用了$()函數來選中了頁面中的img元素，然后使用.attr()方法獲取了圖片的src屬性值，并將其賦值給了變量imgSrc。通過console.log()來輸出了這個值。

需要注意的是，如果在頁面中含有多個img元素，上面的代碼將只會獲取第一個img元素的src屬性值。如果需要獲取全部圖片的src屬性值，可以使用.each()方法來遍歷所有的img元素。

$(document).ready(function(){
$("img").each(function(){
var imgSrc = $(this).attr("src");
console.log("圖片的src屬性值是：" + imgSrc);
});
});

上面的代碼中，我們使用.each()方法來遍歷了所有的img元素，并使用$(this)來獲取當前元素的引用。然后通過.attr()方法獲取了每個圖片的src屬性值，并將其輸出。

總結一下，使用Jquery的.attr()方法獲取HTML元素的src屬性值非常簡單。只需要使用$()函數來選中元素，然后調用.attr()方法即可獲取屬性值。當然，如果需要操作其他屬性，也可以像上面的示例代碼一樣來操作。