jquery 修改 img

JQuery 是一种流行的 JavaScript 库，可以轻松地操作 HTML 元素并快速创建动态效果。其中一个常见的操作是修改图片，因为图像是网页中常见的元素之一。下面是使用 JQuery 修改 img 的示例代码。

$(document).ready(function() {
  // 修改图片 src 属性
  $("img").attr("src", "new_image.jpg");
  
  // 修改图片宽度和高度
  $("img").css({
    "width": "50%",
    "height": "auto"
  });
  
  // 添加图片标题
  $("img").attr("alt", "New Image Title");
  
  // 调整图片透明度
  $("img").css("opacity", 0.5);
});

上述代码中，代码块被包括在 $(document).ready() 函数中，以确保文档完全加载后再执行代码。代码使用 $ 符号来引用 JQuery 库并选择所有图片元素。接下来，修改 img 元素的 src 属性以引用新图像。然后，使用 css() 函数调整图像的宽度和高度以适应页面，并添加一个新的 alt 属性以显示图像的标题。

最后，修改图像的透明度以创建透明效果。这些都是使用 JQuery 可轻松完成的常见图像操作。使用 JQuery 可以使您的网站更具交互性和动态性。