jquery获取img的src

获取单个img元素的src属性

使用attr()方法直接获取指定img元素的src属性值。假设img的id为myImage：

var src = $('#myImage').attr('src');
console.log(src); // 输出src属性值

获取多个img元素的src属性

通过遍历所有img元素获取src属性。例如获取页面中所有img的src：

$('img').each(function() {
    var src = $(this).attr('src');
    console.log(src); // 逐个输出每个img的src
});

动态监听src变化

若需监控src属性变化，可通过MutationObserver实现：

var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.attributeName === 'src') {
            console.log('新src:', $(mutation.target).attr('src'));
        }
    });
});
observer.observe(document.getElementById('myImage'), { attributes: true });

注意事项

• 确保DOM加载完成后执行代码，可将代码放在$(document).ready()中。
• 若img通过JavaScript动态生成，需在元素存在后操作或使用事件委托。