jQuery 是一種流行的 JavaScript 庫，它能夠大大簡化 JavaScript 編寫過程，讓開發(fā)人員能夠快速輕松地完成許多重復(fù)性的任務(wù)。其中之一就是讀取 HTML 元素的屬性，如 src 屬性值。本文將介紹如何使用 jQuery 讀取 src 屬性值。

<!-- HTML 代碼 -->
<img src="image.jpg" id="myImage" alt="My Image">

首先，我們需要使用 jQuery 的選擇器選中所需元素。在本例中，我們將選擇這個圖像元素：

var imageSrc = $("#myImage").attr("src");

可以看到，我們使用了attr()方法來讀取src屬性的值。該方法可以設(shè)置或讀取任何 HTML 元素屬性的值。

我們還可以將值存儲到一個變量中，以便進一步處理它:

$("#myImage").click(function() {
var imageSrc = $(this).attr("src");
console.log("您單擊了圖像，其路徑為：" + imageSrc);
});

在這個例子中，我們將使用click()方法為圖像添加單擊事件處理程序。當用戶單擊圖像時，我們使用attr()方法讀取其src屬性并將其存儲在變量中。最后，我們在控制臺中輸出帶有路徑的消息。

這是一個簡單的方法來獲取 HTML 元素的src屬性值，無論是在頁面加載時還是在用戶與頁面交互時。使用 jQuery，可以輕松訪問和操縱所有 HTML 元素屬性。