Tengo una tabla donde muestro / oculto una columna completa de jQuery a través de una clase CSS que no 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>
Con este DOM puedo hacer esto en una línea a través de jQuery: $('.target').css('display','none');
Esto funciona perfectamente, pero ¿es válido usar clases CSS que no están definidas? ¿Debo crear una clase vacía para ello?
<style>.target{}</style>
¿Hay algún efecto secundario o hay una mejor manera de hacerlo?
.toggle()
, es un poco más corto en tu código.
target
es para fines de javascript, muchas personas usan el prefijo js-
para tales clases, es decir js-target
. Por cierto: Target es una especie de mal nombre;) Para leer más, ver: philipwalton.com/articles/decoupling-html-css-and-javascript
.css
, los estilos configurados con .css son muy difíciles de anular sin causar otros problemas, por lo que tiendo a evitarlos.