javascript - 使用 jQuery 快速渲染大表

Question

我必须特别使用 JavaScript 和 jQuery 动态呈现大表。我这样做是先为表格准备 HTML，然后再追加：

var tableHTML = "<table>...</table>";
$("#container").empty().append(tableHTML);

这是解决任务的可接受方式吗？是否有更快的渲染数据方式？

Answer 1

是的，这是使用 jQuery 最有效的方法。如果你想变得非常快，你可以使用简单的 Javascript：

document.getElementById('container').innerHTML = tableHTML

Answer 2

而不是使用

$("#container").empty().append(tableHTML);

你可以简单地使用

$("#container").html(tableHTML);

这将达到同样的效果。使用普通的旧 javascript 可能会加快速度，但您还必须确保在删除旧内容之前删除您使用代码附加到表的任何事件处理程序，因为 jQuery 通常会为您处理这个。