写一个jquery的图片懒加载

好的，以下是一个简单的 jQuery 图片懒加载的示例代码：

<!-- HTML 结构 -->
<img data-src="https://example.com/image.jpg" alt="Lazy loaded image">

<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script>
$(document).ready(function() {
  // 监听窗口滚动事件
  $(window).scroll(function() {
    // 遍历所有需要懒加载的图片
    $("img[data-src]").each(function() {
      // 如果图片在可视区域内
      if ($(this).offset().top < $(window).scrollTop() + $(window).height()) {
        // 加载图片
        $(this).attr("src", $(this).data("src"));
        // 移除 data-src 属性，避免重复加载
        $(this).removeAttr("data-src");
      }
    });
  });
});
</script>

当页面滚动时，该代码会遍历所有带有 `data-src` 属性的图片元素。如果图片进入了可视区域，就会将 `data-src` 属性的值赋给 `src` 属性，从而加载图片。同时，还会移除 `data-src` 属性，避免重复加载。