javascript - 隐藏没有闪光的元素

Question

我必须隐藏一些<table>包含特定单词的行。我正在使用:containsjQuery 中的选择器并使用 .hide().

问题是它会导致令人不快的闪光在它们隐藏之前暂时显示这些行。

是否有可能减少闪烁，或将某些事件绑定到文档，该文档将在创建时分析每个 DOM 元素，如果满足某些要求则不渲染它们？

Answer 1

大多数模板引擎会做你想做的事，允许你添加一些逻辑来决定是否首先创建一个元素。

另一种选择是从一开始就隐藏表格（在 CSS 中display:none），运行 jQuery 以查找要隐藏（甚至删除）的行，然后才使用 jQuery 使表格可见（使用.show()）。这种方法的缺点是，如果您的访问者没有启用 JavaScript，它不会优雅地降级。他们永远看不到桌子！

当然，如果您没有启用 JavaScript，您也无法在客户端隐藏行。您必须在服务器端处理它。