使用带有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中使用的任何类型。

这样，如果UX人员删除或更改他们的类，您的功能仍然可以工作......如果存在类似需求，他们可以在其他地方重复使用。

Answer 2

我喜欢使用SMACCS方法，其中类用于表示一个模块，该模块应该是一个自包含的html元素组。然后该类用于识别css和javascript的模块。