jquery 修改 img

jQuery 是一个流行的 JavaScript 库，它可以使 Web 开发更加简单。其中一个功能是可以使用它来修改 img 元素的属性。下面是一个例子：

$(document).ready(function() {
  $('img').attr('src', '新图片路径');
});

在这个例子中，我们选择了所有 img 元素，并将它们的 src 属性修改为新的图片路径。我们将这个操作放在了 jQuery 的 document.ready() 方法中，以确保在文档加载完毕后才进行操作。

除了修改 src 属性，我们还可以修改其他的属性。比如，我们可以用以下代码将所有图片的宽度设置为 100 像素：

$(document).ready(function() {
  $('img').attr('width', '100');
});

我们也可以结合使用多个属性，像这样：

$(document).ready(function() {
  $('img').attr({
    'src': '新图片路径',
    'width': '100'
  });
});

在这个例子中，我们将两个属性都修改了，分别是 src 和 width。值得注意的是，我们将这两个属性都包含在一个对象中传递给 attr() 方法。

总之，jQuery 提供了强大的功能来操作 DOM 元素。我们可以轻松地修改 img 元素的属性，而不需要手动更新 HTML 代码。这样的好处在于，我们可以在 JavaScript 中动态地操作 HTML，使得我们的 Web 应用程序具备更好的交互性和响应性。