Question

如果我在网页上有一个我期望显示的元素并使用javascript隐藏了很多，这将是最适合将其设置为最初不可见的方式吗？

<div class="hidden">...</div>

或

<div style="display: none;">...</div>

在大多数情况下，使用class="..."比style="..."更受欢迎，但我不相信它在这种情况下是最合适的。在语义上，我的元素不是隐藏元素，它只是在页面首次加载时开始隐藏的元素。因为我正在使用jQuery的show（）和hide（）方法，这意味着它通常会处于这种状态：

<div class="hidden" style="display: block;">...</div>

对我来说，这显然是胡说八道。

另一方面，使用内联style="display: none;"感觉有点hacky和硬编码。

我知道任何一种方法都能完美运行，用户永远不会更聪明，但哪种模式违反设计原则最少？

Answer 1

调用样式initially-hidden。它准确地传达了信息，如果您要使用jQuery查询该样式，那就很有意义。

Answer 2

我认为如果您要通过将显示从“”更改为“无”来切换，则应使用样式。如果您要通过将类从“隐藏”更改为“”来切换，则应使用类。换句话说，要保持一致。

Answer 3

虽然我同意让整个班级只是调出一些东西的初始可见性似乎有点多，但它确实可以更容易地弄清楚发生了什么。特别是如果你把它命名为描述性的东西，比如之前建议的“初始隐藏”。

因此，虽然我不能召集一个特定的设计校长，但我认为我所建议的有其优点。这比应用一个你无法重用的直接样式更容易维护，而且比使用jQuery调用hide（）更明显。