我有一个表,其中通过不存在的CSS类通过jQuery显示/隐藏整列:
<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>
是否有任何副作用或有更好的方法来做到这一点?
.toggle()
,它在您的代码中短了一点。
target
的目的是出于javascript的目的,因此很多人将前缀js-
用于此类js-target
。顺便说一句:目标是一个坏名字;)如需进一步阅读,请参见:philipwalton.com/articles/decoupling-html-css-and-javascript
.css
设置为样式表的一部分,而不是使用,但很难覆盖以.css设置的样式而不会引起其他问题,因此我倾向于避免使用它们。