哪个更快？本机HTML选择选项或使用JQuery填充的SELECT选项

Question

我有一个HTML页面，其中包含一些Select输入，每个输入有50个以上的选项。我想知道通过JQuery填充HTML选项是否更快，或者我只是将所有<options>放在HTML表单中。 JQuery方法将来可以让我更容易维护，我只需要更新JSON数据。

客户可能会在未来添加更多选项，但主要关注的是效率。该页面既没有数据库也没有互联网，主要考虑的是Javascript或纯HTML。

更新：JQuery总是加载在同一个框（本地）

的页面上

Answer 1

Javascript和jQuery无法对元素执行任何操作，直到元素已加载到DOM中。这些元素中包含的文本也作为加载节点插入到DOM中，而javascript和jQuery无所事事地等待。当jQuery最终在这些文本节点上工作时，它是一个相对缓慢的过程。因此，HTML总是比使用javascript / jQuery加载它们快得多。

Answer 2

对于最终用户来说，纯HTML选项几乎肯定更快，因为jQuery选项需要先等待jQuery库，然后在（document）.ready（）函数触发之前加载DOM。也就是说，有很多方法可以优化您的JS以快速加载页面。一种方法是使用CDN版本的jQuery（谷歌提供一个以及其他来源）。这样做的好处是，任何浏览过同样使用相同CDN版本jQuery的网站的人都可能已将该库放在浏览器缓存中。您还可以考虑使用普通的旧JavaScript来加载选择框，这样您就不必等待库加载。