一、Jquery設置IMG的SRC
在使用Jquery獲取IMG的SRC之前,需要知道如何設置IMG的SRC。可以使用Jquery的attr()方法來設置IMG的SRC屬性。以下是示例代碼:
$('img').attr('src', 'image.jpg');
這樣就可以將頁面上所有IMG的SRC屬性設置為’image.jpg’。
二、Jquery修改IMG標籤的SRC屬性
在頁面中,有時候需要更改已經存在的IMG標籤的SRC屬性,可以使用Jquery的attr()方法來修改。以下是示例代碼:
$('img').each(function() { var src = $(this).attr('src'); src = src.replace('old_image.jpg', 'new_image.jpg'); $(this).attr('src', src); });
以上代碼將會查找頁面上的每個IMG標籤,查找SRC屬性中是否包含’old_image.jpg’,如包含則替換為’new_image.jpg’。
三、Jquery IMG SRC賦值
有時候,需要將JS變數的值賦值給IMG標籤的SRC屬性,可以使用以下示例代碼:
var image_url = 'image.jpg'; $('img').attr('src', image_url);
這將把變數’image_url’的值賦給頁面上所有IMG標籤的SRC屬性。
四、Jquery IMG SRC選取
在使用Jquery獲取IMG的SRC之前,需要知道如何選取IMG。可以使用Jquery選擇器來選取所有的IMG標籤。以下是示例代碼:
$('img').each(function() { var src = $(this).attr('src'); console.log(src); });
以上代碼將會查找頁面上的每個IMG標籤,並列印出它們的SRC屬性。
原創文章,作者:VLPJ,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/145671.html