使用jQuery动态加载图片可以通过$("")创建一个图片元素,然后设置其src属性来实现。下面是一个简单的例子:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>动态加载图片</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="imageContainer">
    <!-- 这里将动态加载的图片放置 -->
  </div>
  <button id="loadImageBtn">加载图片</button>

  <script>
  $(document).ready(function() {
    $('#loadImageBtn').click(function() {
      // 创建图片元素
      var $img = $('<img>');
      // 设置图片地址
      $img.attr('src', 'https://via.placeholder.com/150');
      // 将图片添加到容器中
      $('#imageContainer').append($img);
    });
  });
  </script>
</body>
</html>

在这个例子中,当点击按钮时,jQuery会创建一个元素,并设置其src属性为一个占位图片的URL。然后,这个图片元素被添加到了一个具有id="imageContainer"的

容器中。

你可以根据需要调整图片的URL和其他属性,以适应你的实际场景。

版权属于:泽泽社长
本文链接:https://blog.zezeshe.com/archives/ing-jquery.html
本站未注明转载的文章均为原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!