jquery 給img 設定src屬性值

在網頁中，常常需要將圖片展示在頁面中，這時候就需要使用標籤來實現。其中，標籤的src屬性用來指定圖片的資源路徑。在使用jQuery進行開發時，我們可以透過以下幾種方式來動態設定標籤的src屬性值。

1.使用attr方法

使用jQuery的attr方法，可以很方便地取得和設定HTML元素的屬性值。在設定標籤的src屬性時，我們可以透過以下方式來使用attr方法：

$("img").attr("src", "image.jpg")

上述程式碼中，我們透過jQuery選擇器取得了目前頁面中的所有標籤，然後透過attr方法將它們的src屬性設為「image.jpg」。

當然，你也可以透過其他屬性來選擇具體的標籤，例如：

$("img.thumbnail").attr("src", "image.jpg")

上述程式碼中，我們選擇了所有類別名為「thumbnail」的標籤，並將它的src屬性設為「image.jpg」。

2.使用prop方法

prop方法主要用於取得和設定HTML元素的屬性值，但差異在於它是用來設定布林屬性的。對於標籤的src屬性來說，prop方法也是可以使用的。例如：

$("img").prop("src", "image.jpg")

與attr方法類似，我們同樣可以透過其他屬性來選擇具體的標籤，例如：

$("img.thumbnail").prop("src", "image.jpg")

3.使用直接賦值

#除了使用attr方法和prop方法外，我們還可以直接透過JavaScript的方式來設定標籤的src屬性。例如：

$("img")[0].src = "image.jpg"

在上述程式碼中，我們透過jQuery選擇器取得了第一個標籤，並直接透過JavaScript的方式將它的src屬性設定為「image.jpg」。

總結

透過上述幾種方法，我們可以很方便地動態設定標籤的src屬性。其中，attr方法和prop方法更簡單易懂，也更符合jQuery的程式設計想法。而直接賦值的方式雖然也可以達到同樣的效果，但與jQuery的程式設計思想稍微有些不符。因此，在使用jQuery進行開發時，建議盡量使用attr方法或prop方法來設定HTML元素的屬性值。

以上是jquery 給img 設定src屬性值的詳細內容。更多資訊請關注PHP中文網其他相關文章！