用于CSS子类的JQuery addClass

Question

这让我觉得有些尴尬，因为我觉得我应该知道答案。如何使用JQuery将一个CSS子类添加到DIV。

所以我的CSS是=

.class1 .subclass1 {

  width: 10px;
  heigh: 10px;

}

如何将subClass1添加到DIV？例如

$("#foo").addClass( ????? )

我尝试过做addClass（class1 subclass1），但这并不起作用，因为我相信jquery期望子类1是一个独立的类。当然，如果我摆脱了子类的概念，只需要调用类＆＃34; class1-subclass1＆＃34;在我的CSS中，当然它可以工作。

任何？

由于

Answer 1

让我解释一下CSS类链接的工作原理...

如果您写（两个类之间有空白）：

.class1 .subclass1{
  width: 10px;
  heigh: 10px;
}

它适用于{.1class}类为<div id="foo" class="class">的所有“后代”。
为此，您的html必须设置为以下格式：

<div id="foo" class="class1">
  <div class="subclass1">Hello World</div>
</div>

如果您希望将.class1和.subclass1都应用于相同的<div>并且您的html如下所示：

<div class="class1 subclass1">
  <div class="">Hello World</div>
</div>

您的CSS必须是：（两个类之间没有空格）

.class1.subclass1{
      width: 10px;
      heigh: 10px;
    }

OR ....

.class1{
         <some code>
        }
.subclass1{
          width: 10px;
          heigh: 10px;
        }

现在回答您的问题：
对于JS，您实际上要添加2个不同的类。因此，您必须两次调用addClass方法：

$("#foo").addClass('class');
$("#foo").addClass('subclass');

由您决定在哪里应用课程。