我可以使用不存在的CSS类吗? - Code

我有一个表，我显示/隐藏一个完整的列由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>

有没有副作用或者有没有更好的方法?

当前回答

如果你在HTML元素上应用了一个类，并且这个类没有在CSS中定义，那么它就没有效果。这是一种常见的做法，就像Aamir afridi说的，如果你只是为了js的目的而使用类，用js-作为前缀是一个很好的做法。

它不仅对类有效，而且对html元素的id属性也有效。

2013-09-10 08:19:27

其他回答

参考jQuery验证引擎。即使在那里，我们也使用不存在的类在HTML属性上添加验证规则。因此，使用样式表中没有实际声明的类并没有错。

2013-09-13 04:26:54

当您在HTML中添加类时，类将被定义，因此您的解决方案完全没问题

2013-09-09 15:25:14

没有必要在样式表中定义CSS类。它应该可以正常工作。不过，添加它也无妨。

2013-09-09 15:25:44

你可以在不使用它的情况下使用CSS类，但我建议如果你只是为JavaScript/jQuery代码添加CSS类，在它前面加上js-YourClassName，这样前端开发人员就不会使用这些类来设置元素的样式。他们应该明白，这些类可以在任何时候被删除。

2013-09-09 16:21:51

当您在JavaScript中使用类名时，它不会查看CSS来查找该类。它直接在HTML代码中查找。

所需要的只是类名在HTML中。不需要在CSS中。

事实上，许多人认为在CSS和Javascript中保持单独的类使用是一个好主意，因为它允许设计师和编码员独立工作，而不会因为使用彼此的类而妨碍彼此。

(注意，上面的段落显然更适用于大型项目，所以如果你是独自工作，不要觉得你必须走这个极端;我提到它是为了说明这两者可以完全分开)

2013-09-09 15:30:08

aliyun