使用来自JSON Stream的数据显示和隐藏<div>？

Question

所以这就是我的困境，我发送了一个来自php函数的JSON数据流，我用一个名为Oboe.js（http://oboejs.com/）的javascript库捕获了这些数据。

我成功显示从API检索到的对象流，并使用jQuery将它们附加到div。

我的问题是，由于我收到的对象数量（超过20000），浏览器速度变慢，有时会崩溃。我想要实现的是显示一些数据并继续加载对象而不显示它们，当按下按钮时，如分页按钮（或者它也可以是无限滚动），隐藏已经显示的元素并显示其他一些等等。

代码是这样的：

oboe('jsonStream.json')
   .node('!*', function( item ){
      $('#products').append('<div class="new_product">item.name</div>');
   });