jq获取页面中所有img元素的src

最新推荐文章于 2024-04-04 00:13:43 发布

原创最新推荐文章于 2024-04-04 00:13:43 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#attr操作元素src

JQ 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery和原生JavaScript获取页面上所有img元素的src属性，通过三种不同方法实现：img.get(i).src, img[i].src 和 img.eq(i).attr('src')。同时指出jQuery和原生JavaScript混合使用时可能遇到的问题。

attr获取所有img元素src

$("document").ready(function(){
	var img=$("body img");
	for(var i=0;i<img.length;i++){
        var n=img.get(i).src;
        console.log(n);
	}
})

三个方法都可获取
img.get(i).src
img[i].src
img.eq(i).attr("src")

原生+jq会报错，返回的是DOM对象而不是jq对象
img[i].attr("src");