当涉及JavaScript与CSS时,如何命名类?

当涉及JavaScript与CSS时,如何命名类?,javascript,jquery,Javascript,Jquery,有些类用于css,有些类用于JavaScript 您使用什么命名约定来表示“在JavaScript文件中查找此类”,而不是“在css文件中查找此类”,而不是“到处查找此类”。没有真正的命名约定 有时(大多数时候)我将类用于css和js。我尝试根据它们描述的元素命名类,而不是如何使用它们。如果我的页面上有一堆.definition元素,不管我是否将它们变成绿色,或者我是否想让jquery循环覆盖它们,这仍然是一个定义。如果可能,我认为应该这样做 用HTML构建站点的结构 使用CSS添加样式(这里是

有些类用于css,有些类用于JavaScript


您使用什么命名约定来表示“在JavaScript文件中查找此类”,而不是“在css文件中查找此类”,而不是“到处查找此类”。

没有真正的命名约定


有时(大多数时候)我将类用于css和js。

我尝试根据它们描述的元素命名类,而不是如何使用它们。如果我的页面上有一堆
.definition
元素,不管我是否将它们变成绿色,或者我是否想让jquery循环覆盖它们,这仍然是一个定义。

如果可能,我认为应该这样做

  • 用HTML构建站点的结构

  • 使用CSS添加样式(这里是添加类的地方)

  • 通过已经创建的类和ID钩住javascript

  • 仅在必要时添加其他类/ID

  • 在大多数情况下,这会使它们很好地包装在一起

    如果脚本最后完成(我认为这是最好的),那么结构应该支持它

    因此,在几乎所有情况下,您的js类/ID都会镜像您的CSS内容

    编辑

    根据@Bryce Siedschlaw的评论提供其他信息:

    我的大多数类/ID都基于元素的函数。我今天创建/修改的一些规则示例

    #successExplain{}  
    .successImgs{}
    .continueRead{}
    .continueRead a{}
    .continueRead a:hover{}
    #tagCloud{}
    

    我试着用名词修饰语给它们命名,比如形容词、介词短语,或者用动词“to have”减去主语的句子。例如:

  • 形容词:
    最新的
    过时的
  • 介词:
    来自Sameuser
  • 口头:
    有问题

  • 相关:同意,只要你选择一个命名约定并坚持下去,你就可以继续。我可能遗漏了什么,但我认为你并没有真正回答这个问题。你实际上没有提到CSS应该如何命名。我认为这可能是答案的一个重要部分。我想到的是看到class=“X”并想知道X在哪里使用的维护程序员。他可以在css文件中搜索.X,现在我想他也可以在js文件中搜索,但他还必须搜索“X”和“X”。@Bryce。对。我在展示我的开发如何影响CSS和JS中的类创建,以及它们如何最终几乎总是使用相同的类,因此没有特别的区别。@cf_PhillipSenn。我认为维护程序员会根据他/她正在更新/修改的内容深入研究js或CSS。有时你需要同时进入这两个领域。@Jason。是的,我有点想起来了。那么,您是否尝试将camelcase用于所有内容?还是下划线?那么,你对CSS和JS都使用camelcase?@Bryce,是的,但我没有合理的理由来解释为什么其他人应该这样做。这是有道理的。每个人都应该按照自己感觉舒服的方式来做。我只是想看看别人是怎么做的,我会尝试这样的方法,看看效果如何。