javascript - 如何设置类组合的CSS规则？

Question

我有一个div标签作为

<div class="one two three">foo<div>
<div class="one two four">bar</div>

我正在使用 javascript 设置 css，我可以将样式设置为

.one.two.three{color:red;}
.one.two.four{color:blue;}

但是谁能告诉我如何使用 $(.class).css({"color":"blue"}); 来组合类

Answer 1

1. 确保您已加载 jQuery，因为您说要使用的 $(selector).css(...) 函数是特定于 jQuery。

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   

2. 设置样式 – 确保等到 DOM 准备就绪，然后再尝试操作样式:

   <script type="text/javascript">
       $(document).ready(function() {
           $(".one.two.four").css({"color":"blue"});
       });
   </script>
   

您可以阅读我在 the jQuery Getting Started guide 中描述的所有内容.

工作演示:http://jsfiddle.net/4b2n97hq/

如果出现问题，open your browser's console并查找有助于解决问题的错误消息。