使用jquery实现动态加载片段

最新推荐文章于 2024-04-03 08:45:47 发布

原创最新推荐文章于 2024-04-03 08:45:47 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #append #动态 #加载片段 #dom

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jQuery简化DOM操作的方法，通过一个简单的示例展示了如何动态地向页面中的指定元素添加多张图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前分享一篇直接操作dom元素，使用create方法动态增加片段，这里分享一篇直接使用jquery的方式加载：

我们把方法实现和片段显示放在两个文件中，这里是展示图片片段的function，我们写在my.js中

function showImages(elementId, num) {
    var listHtml = '<img class="imageclass" title=myImage" alt="" src="./image/pic_product.jpg">';
    $(elementId).append(listHtml);
    for (var i = 0; i < num - 1; i++) {
        $(elementId).append(listHtml);
    }
}

然后我们就可以在我们的片段里面调用这个function了，我们在my.html中这样使用：

<html>
  <body>
    <div class="active-item-list" id="active1id"></div>
    <script src="jquery.min.js"></script>
    <script src="my.js"></script>
    <script type="text/javascript">
      $(function () {
        showImages(activeid, 4);//这里的activeid是我们想要在一个div片段里面增加的内容，这个4是我们想要增加的数量
      });    </script>  </body></html>