jQuery 是一個廣泛使用的 JavaScript 庫,針對 HTML 文檔的操作尤其敏捷。jQuery 提供了一系列方法來操作 HTML 元素、屬性、樣式等。而其中 img 元素的 src 屬性也可以使用 jQuery 來獲取和修改。
當需要動態地修改 img 元素的 src 屬性時,jQuery 提供了一種簡單的方式。例如,我們可以在一個按鈕被點擊時,更改一個 img 元素的 src 屬性,使其顯示不同的圖片。
$("button").click(function() { $("img").attr("src", "new_image.jpg"); });
以上代碼中,我們選中了一個按鈕元素,并給它綁定了一個點擊事件。當按鈕被點擊時,jQuery 會選中一個 img 元素并使用 attr() 方法來更改它的 src 屬性,使其顯示名為 "new_image.jpg" 的新圖片。
除了使用 attr() 方法來修改 img 元素的 src 屬性,我們還可以使用 jQuery 的其他方法來獲得和修改 img 元素的 URL。例如,可以使用 prop() 方法來獲取或設置元素的屬性值:
var imageSrc = $("img").prop("src"); $("img").prop("src", "new_image.jpg");
這些方法可以輕松地在使用 jQuery 來操作 img 元素時使用。它們提供了許多簡單有效的方式來獲得和修改圖片 URL,使得操作和管理圖片變得更加簡單和方便。