无限滚动加载dom元素，然后对元素应用jquery？

无限滚动加载DOM元素是一种常见的前端开发技术，它可以在用户滚动页面时动态加载更多的内容，提升用户体验。在这个过程中，可以使用jQuery来操作DOM元素。

具体实现无限滚动加载DOM元素的方法如下：

监听滚动事件：使用jQuery的scroll()方法来监听页面滚动事件。

$(window).scroll(function() {
   // 在这里执行加载DOM元素的逻辑
});

判断滚动位置：通过比较页面滚动的位置和页面高度，判断是否需要加载更多的DOM元素。

$(window).scroll(function() {
   var scrollTop = $(window).scrollTop();  // 页面滚动的位置
   var windowHeight = $(window).height();  // 页面高度
   var documentHeight = $(document).height();  // 文档高度

   if (scrollTop + windowHeight >= documentHeight) {
      // 在这里执行加载DOM元素的逻辑
   }
});

加载DOM元素：当滚动到页面底部时，可以通过Ajax请求或其他方式加载更多的DOM元素，并将其插入到页面中。

$(window).scroll(function() {
   var scrollTop = $(window).scrollTop();
   var windowHeight = $(window).height();
   var documentHeight = $(document).height();

   if (scrollTop + windowHeight >= documentHeight) {
      // 发起Ajax请求或其他方式加载更多的DOM元素
      $.ajax({
         url: 'load-more-elements.php',
         type: 'GET',
         success: function(data) {
            // 将加载的DOM元素插入到页面中
            $('#container').append(data);
         }
      });
   }
});

这样，当用户滚动到页面底部时，就会自动加载更多的DOM元素。

推荐的腾讯云相关产品和产品介绍链接地址：