jquery - 同时使用 jquery 和 css 类是一种不好的做法吗？

Question

这个问题有点像这个问题的反面:Is it poor form to use CLASS attributes with no corresponding CSS rule?

我的代码中有几个地方有我想要使用 jQuery 处理的内容的列表:

<div class="myitem" id="item1">...</div>
<div class="myitem" id="item2">...</div>
<div class="myitem" id="item3">...</div>
<div class="myitem" id="item4">...</div>

我用一些 JavaScript 代码处理这些，例如:

$(".myitem").click(function() { ... });

这些元素也有 css 样式，例如:

.myitem { border: 2px solid green; }

这是一个大元素，有专门的人员负责处理 ux 内容(包括修改 css 和 html)，而程序员则更专注于 javascript 和其他代码。

我是否应该更改它以使用单独的类来处理 jquery 内容，这样我们就不会意外地重命名或删除 css 类，认为我们只是在处理图形外观？为 javascript 引入新的类会带来更多问题吗？我们可以使用一些代码标准技巧来帮助我们处理这个 html 吗？

Answer 1

我个人喜欢将样式与功能分开，以获得更好的可重用性。

您可以使用 .myItem 作为 CSS，并添加一个类，如 .formProcess 或任何恰好在 JS 中使用的类。

这样，如果用户体验人员删除或更改他们的类，您的函数仍然可以工作......并且如果存在类似的需求，它们可以在其他地方重用。