一、從jQuery獲取img的src值

使用jQuery獲取img的src值非常方便，只需要使用選擇器選中img標(biāo)簽，然后調(diào)用attr()方法即可獲取src屬性的值。下面是代碼示例：

// 選中img標(biāo)簽
var img = $("img");

// 獲取src屬性的值
var src = img.attr("src");

上述代碼中，我們首先使用選擇器選中了頁面中的所有img標(biāo)簽，然后通過調(diào)用attr()方法獲取了img標(biāo)簽的src屬性的值。

二、使用純JS獲取img標(biāo)簽的src

如果不想引入jQuery庫，也可以使用純JS代碼獲取img標(biāo)簽的src屬性的值。下面是代碼示例：

// 選中img標(biāo)簽
var img = document.getElementsByTagName("img")[0];

// 獲取src屬性的值
var src = img.getAttribute("src");

上述代碼中，我們使用了DOM方法getElementsByTagName()獲取了頁面中的所有img標(biāo)簽，然后通過選取第一個(gè)img標(biāo)簽并調(diào)用getAttribute()方法獲取了它的src屬性的值。

三、JS如何獲取img的src

如果我們需要獲取多個(gè)img標(biāo)簽的src屬性的值，可以在純JS的基礎(chǔ)上稍作修改。下面是代碼示例：

// 選中所有img標(biāo)簽
var imgs = document.getElementsByTagName("img");

// 循環(huán)獲取每個(gè)img標(biāo)簽的src屬性的值
for (var i = 0; i < imgs.length; i++) {
  var src = imgs[i].getAttribute("src");
  console.log(src);
}

上述代碼中，我們使用了for循環(huán)來遍歷所有的img標(biāo)簽，并通過getAttribute()方法獲取了每個(gè)img標(biāo)簽的src屬性的值。

四、使用jQuery獲取img的src

除了使用純JS獲取img標(biāo)簽的src屬性的值，我們還可以使用jQuery來完成相同的任務(wù)。下面是代碼示例：

// 選中所有img標(biāo)簽
var imgs = $("img");

// 遍歷獲取每個(gè)img標(biāo)簽的src屬性的值
imgs.each(function() {
  var src = $(this).attr("src");
  console.log(src);
});

上述代碼中，我們使用了jQuery的選擇器選中頁面中的所有img標(biāo)簽，然后使用each()方法遍歷每個(gè)img標(biāo)簽，并通過attr()方法獲取它的src屬性的值。

五、使用Vue獲取img的src

如果我們需要在Vue中獲取img標(biāo)簽的src屬性的值，可以使用Vue的相關(guān)方法來實(shí)現(xiàn)。下面是代碼示例：