jQuery 更改图像 src - Javascript

在前端开发中，我们无法避免需要更改或者替换页面上的图像。jquery 提供了方便的方法来更改图像的 src 属性，而且也很容易实现。

jQuery 更改图像 src 快速实现

通过以下代码片段来获取图像元素，然后使用 .attr() 方法来更改其 src：

$("img").attr("src","newImageUrl.jpg");

值得一提的是，这个例子是选择所有图像并改变它们的 src 属性，如果你需要改变特定图像的 src 属性，你可以使用更精确的选择器。

指定图像并更改 src

如果你需要更改特定图像的 src 属性，你可以使用属性选择器来指定要更改的图像元素。

$("img[src='oldImageUrl.jpg']").attr("src","newImageUrl.jpg");

除了属性选择器，你也可以使用其他选择器如 class 选择器 或 ID 选择器 来精确地选择图像元素。

参考

• jQuery attr() 方法
• jQuery 选择器

以上就是使用 jquery 更改图像 src 的方法。使用 jquery 可以使你的代码短小精悍而且易于阅读和理解。