jQuery 更改图片源 - Javascript

在网页开发中，经常需要更改图片的源。jQuery 提供了方便的方法，可以轻松实现图片源的更改。

使用 jQuery 更改图片源

使用 jQuery 更改图片源，首先要选中要更改源的图片。可以通过选择器或类名来选中图片。

// 通过选择器选中图片
$("img[src='oldSrc']").attr('src','newSrc');

// 通过类名选中图片
$(".img-class").attr('src','newSrc');

其中 attr 方法用来更改图片的属性，第一个参数为属性名，第二个参数为新的属性值。上面的代码中，第一个例子通过选择器选中了 src 属性为 oldSrc 的图片，然后将其源更改为 newSrc；第二个例子通过类名选中了所有带有 img-class 类的图片，将它们的源都更改为 newSrc。

更改多张图片的源

如果要更改多张图片的源，可以使用循环来遍历它们。

var imgArray = ["img1.jpg", "img2.jpg", "img3.jpg"];
for(var i=0; i<imgArray.length; i++){
  $(".img-class:eq("+i+")").attr("src", imgArray[i]);
}

上面的代码中，定义了一个 imgArray 数组，里面存放了三张图片的源。然后使用 for 循环遍历每张图片，通过 eq 方法选中每一个带有 img-class 类的图片，并将其源更改为数组中对应位置的源。

总结

使用 jQuery 更改图片源非常方便，只需要选中图片，调用 attr 方法并传入新的源即可。可以通过选择器或类名来选中图片，通过循环可以批量更改多张图片的源。