我有一个表，我显示/隐藏一个完整的列由jQuery通过CSS类不存在:
<table>
<thead>
<tr>
<th></th>
<th class="target"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
</tbody>
</table>
有了这个DOM，我可以在一行通过jQuery: $('.target').css('display'，'none');
这是完美的工作，但它是有效的使用CSS类没有定义?我应该为它创建一个空类吗?
<style>.target{}</style>
有没有副作用或者有没有更好的方法?
正如很多人提到的，是的，使用没有指定CSS的类是完全有效的，而不是把它们看作“CSS类”，你应该简单地认识到类和ID的语义分别是组和单独的元素。
我想插一句，因为我觉得在这个例子中，一个重要的点没有被提出。如果你曾经需要对可变长度的元素进行可视化操作(在这种情况下，你使用的是表行)，那么认识到通过Javascript这样做的成本可能非常昂贵总是有意义的(例如，如果你有数千行)。
在这种情况下，假设我们知道列2总是有可能被隐藏(这是表的一个有意识的函数)，那么设计一个CSS样式来处理这个用例是有意义的。
table.target-hidden .target { display: none; }
然后不是使用JS遍历DOM找到N个元素，我们只需要在一个(我们的表)上切换一个类。
$("table").addClass("target-hidden")
通过给表分配一个ID，这将更快，你甚至可以通过使用:n -child选择器引用列，这将进一步减少你的标记，但我不能评论效率。这样做的另一个原因是我讨厌内联样式，并将竭尽全力根除它!
正如很多人提到的，是的，使用没有指定CSS的类是完全有效的，而不是把它们看作“CSS类”，你应该简单地认识到类和ID的语义分别是组和单独的元素。
我想插一句，因为我觉得在这个例子中，一个重要的点没有被提出。如果你曾经需要对可变长度的元素进行可视化操作(在这种情况下，你使用的是表行)，那么认识到通过Javascript这样做的成本可能非常昂贵总是有意义的(例如，如果你有数千行)。
在这种情况下，假设我们知道列2总是有可能被隐藏(这是表的一个有意识的函数)，那么设计一个CSS样式来处理这个用例是有意义的。
table.target-hidden .target { display: none; }
然后不是使用JS遍历DOM找到N个元素，我们只需要在一个(我们的表)上切换一个类。
$("table").addClass("target-hidden")
通过给表分配一个ID，这将更快，你甚至可以通过使用:n -child选择器引用列，这将进一步减少你的标记，但我不能评论效率。这样做的另一个原因是我讨厌内联样式，并将竭尽全力根除它!
