通过jquery定义css和使用外部css文件的区别

我计划制作使用jquery的web GUI组件。因此，为了模块化的目的，在jquery中定义组件的样式是安全的？

safe？是-推荐-可能不是

我想说的是，最好使用模块化方法并适当地分离“功能”

JavaScript代码应该在

.js

文件中，样式定义应该在

.css

文件中（或其他css预处理器格式）。这样你就知道在哪里可以找到所有的东西

如果元素的所有CSS样式在运行时动态更改，或者每个组件只需要一个文件，那么在JS中处理CSS是有意义的，在这种情况下，您应该确保将所有CSS操作都放在代码中的一个中心位置，例如一个单独的位置功能

---

---

总而言之：在JavaScript中处理所有样式定义可能并不“安全”，因为这可能会给其他/未来的开发人员带来混乱。

我建议您使用外部样式表，因为css和JavaScript是同时加载的。在脚本中定义样式将使这两个操作都变慢，因为操作将一个接一个地进行，而不是同时进行。

“css和javascript同时加载”

-据我所知，浏览器可以同时发出的请求（每个域）数量有限。这些文件不是本质上同时加载的——考虑一个页面有20个JS文件和只有1个CSS文件的实例，你不能保证它们将被加载在同一批请求中。