CSS样式和事件的命名约定是什么？

Question

将CSS类命名为能够区分用于样式和JS事件的CSS类的智能方法是什么？

查看一个包含4个CSS类的div，如果我能看到该类仅用于样式还是仅用于设计，它可以加快速度，减少调试时间。

我知道我可以开始使用style_为所有CSS样式的类添加前缀，但有没有更好的方法，这可能也是一个约定？

Answer 1

只需使用＆＃34; js - ＆＃34;在用于JS事件的所有类的开头。

Answer 2

使用jQuery（不了解js解决方案），您可以使用数据类型而忘记选择VIA类或ID。

https://jsfiddle.net/tcfhdfth/1/

<div data-event="changeBackground"><h1>hello</h1></div>

$("[data-event='changeBackground']").css('background-color', 'red');

您不需要将其称为数据事件。你可以随便叫它。只是不是一个保守的词。

要创建侦听器，您可以执行以下操作。

$('body').on('click', "[data-event='changeBackground']", function () {
    $("[data-event='changeBackground']").css('background-color', 'red');
})

性能要好得多，如jQuery select by class VS select by attribute

所述