J'ai une table où je montre / cache une colonne complète de jQuery via une classe CSS qui n'existe pas:
<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>
Avec ce DOM, je peux le faire en une seule ligne via jQuery: $('.target').css('display','none');
Cela fonctionne parfaitement, mais est-il valable d'utiliser des classes CSS qui ne sont pas définies? Dois-je créer une classe vide pour cela?
<style>.target{}</style>
Y a-t-il des effets secondaires ou existe-t-il une meilleure façon de le faire?
.toggle()
, c'est un tout petit peu plus court dans votre code.
target
est à des fins de javascript, beaucoup de gens utilisent le préfixe js-
pour ces classes, c'est-à-dire js-target
. BTW: Target est une sorte de mauvaise réputation;) Pour plus d'informations, voir: philipwalton.com/articles/decoupling-html-css-and-javascript
.css
, les styles définis avec .css sont très difficiles à remplacer sans causer d'autres problèmes, j'ai donc tendance à les éviter.