Eu tenho uma tabela onde eu mostrar / ocultar uma coluna completa por jQuery através de uma classe CSS que não existe:
<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>
Com este DOM, posso fazer isso em uma linha via jQuery: $('.target').css('display','none');
Isso funciona perfeitamente, mas é válido usar classes CSS que não estão definidas? Devo criar uma classe vazia para isso?
<style>.target{}</style>
Existem efeitos colaterais ou existe uma maneira melhor de fazer isso?
.toggle()
, é um pouco mais curta no seu código.
target
é para fins de javascript, muitas pessoas usam o prefixo js-
para essas classes, ou seja js-target
. BTW: Alvo é uma espécie de um nome ruim;) Para ler mais, consulte: philipwalton.com/articles/decoupling-html-css-and-javascript
.css
, os estilos configurados com .css são muito difíceis de substituir sem causar outros problemas, por isso tendem a evitá-los.