jquery获取img的src

使用jQuery获取img元素的src属性

通过jQuery可以轻松获取img元素的src属性值，以下是几种常见的方法：

通过ID选择器获取

var src = $('#imgId').attr('src');

通过类选择器获取

var src = $('.imgClass').attr('src');

通过标签选择器获取

var src = $('img').attr('src');

获取多个img元素的src

$('img').each(function() {
    var src = $(this).attr('src');
    console.log(src);
});

使用prop()方法获取

var src = $('img').prop('src');

注意事项

• 当选择器匹配多个元素时，attr()方法只会返回第一个匹配元素的属性值
• 如果需要获取所有匹配元素的src属性，需要使用each()方法遍历
• prop()方法也可以获取属性值，但在处理固有属性时表现更可靠

实际应用示例

// 点击按钮获取图片src
$('#getSrcBtn').click(function() {
    var imageSrc = $('#myImage').attr('src');
    alert('图片地址是: ' + imageSrc);
});

这些方法都可以有效地获取img元素的src属性值，根据具体需求选择最适合的方式即可。