jQuery：如何区分用于CSS的类和用于jQuery操作的类？

假设我有以下代码：

HTML:

jQuery：

$('.myclass1').text();

$('[data-value="some"]').text();

现在很简单，但当代码变得更大时，我发现很难区分仅用于CSS的类和仅用于jQuery的其他类。例如：

<div class="myclass1 myclass2 myclass3 myclass4 myclass5">some text</div>

一些文本

现在，当我查看包含许多类的div时，不容易知道哪些类仅用于CSS，哪些类仅用于jQuery，哪些类同时用于CSS和jQuery

问题：已经有办法避免这个问题了吗？还是我只是想得太多了

我正在考虑根据使用情况来命名我的类，例如，仅用于CSS的类将命名为“CSS_myclass1”，仅用于jQuery的类将命名为“jq_myclass2”，用于这两个类的类将命名为“cssjq_myclass3”

---

---

注意：我知道答案可能是基于意见的，但我需要知道可以使用哪些不同的方法，特别是因为我即将开始一个大项目，在这个项目中，这个简单的问题可能会很快变成噩梦般的代码复杂性

正如你所说，没有对错之分。话虽如此，例如，您可以将（jQuery）用于jQuery相关的内容，而将类仅用于css样式。

没有内置的方法来区分为样式表保留的类和为脚本保留的类，因为首先没有这种区别。class属性包含一个或多个类名，这些类名可用于任何目的。您预期一些类名会在多个地方使用，这一事实进一步说明了这一点。没有理由必须为样式表、脚本或任何其他单一用途保留给定元素上的给定类名

---

如果您真的必须将样式和脚本类分开，那么您必须自己命名它们。

我们使用了命名类的方法，这些类用于Javascript和jQuery，不应该用于前缀为“js-”的样式。布局类是非常正常的，没有前缀

---

最近，我们尝试切换到使用数据属性来处理非样式化jQuery问题。

我发现使用

ID

而不是

class

es有助于区分未使用JavaScript的元素与未使用JavaScript的元素之间的差异

---

因此，我通常只在JavaScript或jQuery中使用的元素中添加

ID

，并将

类

es留给CSS方面

HTML:

jQuery：

$('.myclass1').text();

$('[data-value="some"]').text();

---

为什么不为jQuery和CSS使用同一个类呢？有时我们需要使用一个唯一的ID来由CSS设置样式，或者为多个元素提供一个类，用一个jQuery脚本来操作它们。

.myclass1 { color: red; }

$('[data-value="some"]').text();