用于CSS子类的JQuery addClass

Question

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

所以我的CSS是=

.class1 .subclass1 {

  width: 10px;
  heigh: 10px;

}

如何将subClass1添加到DIV？例如

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

我曾尝试做addClass（class1 subclass1），但这不起作用，因为我相信jquery期望subclass1是一个独立的类。当然，如果我摆脱了子类的概念，只是在CSS中调用类“ class1-subclass1”，那么它当然可以工作。

任何人？

谢谢

Answer 1

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

如果您写（两个类之间有空格，则：：

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

[适用于具有.subclass1类的<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');

由您决定在哪里申请课程。