相关疑难解决方法(0)

我有一个表,我通过一个不存在的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>

是否有任何副作用或有更好的方法来做到这一点？

今天我遇到了一个问题，一个流氓 z-index 属性导致了问题。好吧，确实发生了，但问题是找到声明它的地方。浏览器显示内联样式，但在标记中它是空的，广泛搜索解决方案z-index: 1001也没有给出任何结果。

最后我在一些JavaScript中找到了它

        $("#header").css({
          //other props
          "z-index": "1001"
        });

这给了我一些关于应该如何完成的想法，但我不确定。

问题：

是从 JavaScript prop 更改 CSS 更好，还是制作多个 CSS 类并从 JS 更改元素类更好？

我倾向于使用多个类，但欢迎另一种选择。