jquery img src 获取实现代码

当需要获取一个图片的src属性时，可以使用jQuery实现。下面是实现过程的详细步骤：

步骤一：获取指定的图片元素

首先需要获取指定的图片元素，可以使用jQuery的选择器功能来选择符合条件的元素。如下面的代码示例，选择了id为myImg的图片元素：

let $myImg = $("#myImg");

步骤二：使用.attr()方法来获取src属性的值

获取选中的图片元素之后，使用jQuery的.attr()方法来获取该元素的src属性的值。

let imgSrc = $myImg.attr("src");
// imgSrc即表示了获取到的图片src的地址

示例说明一

例如，假如存在以下HTML代码：

<img id="myImg" src="images/pic.jpg" alt="美丽的图片">

那么，上面的代码示例就可以获取这个图片的源文件路径，即：images/pic.jpg。

示例说明二

如果需要获取多个图片元素的src属性的值，可以通过循环遍历的方式来实现。

例如，假如需要获取网页所有class为img-thumbnail的图片元素中src属性的值，可以这样写：

let imgList = [];
$(".img-thumbnail").each(function(index, element) {
    let imgSrc = $(element).attr("src");
    imgList.push(imgSrc);
});

上面的代码中，通过循环遍历所有class为img-thumbnail的图片元素，获取它们的src属性的值，并添加到一个数组中。最终，imgList数组中存储的就是所有符合条件的图片元素的src属性的值。

通过以上两个示例的说明，我们可以看到，如果需要通过jQuery来获取某个图片元素的src属性的值，非常简单。只需要使用选择器来获取图片元素，然后使用.attr()方法来获取该元素的src属性的值。如果需要获取多个图片元素的src属性的值，则需要使用循环遍历的方式来实现。