代码之家  ›  专栏  ›  技术社区  ›  radbyx Matt

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

  •  4
  • radbyx Matt  · 技术社区  · 7 年前

    div 有了4个CSS类,如果我能看到该类是仅用于样式还是仅用于设计,以减少调试时间,这将加快我的速度。

    我知道我可以开始在所有CSS样式的类前面加上 style_ ,但有没有更好的方法,那也许也是一个惯例?

    2 回复  |  直到 7 年前
        1
  •  8
  •   PB101    7 年前

    只需在用于js事件的所有类的开头使用“js-”。

        2
  •  4
  •   Gezzasa    7 年前

    使用jQuery(不知道js解决方案),您可以使用数据类型,而不用通过类或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