jQuery选择器，许多类不起作用

Question

<a class="control selected" id="control1" rel="1" href="#"></a>
<a class="control" id="control2" rel="2" href="#"></a>
<a class="control" id="control3" rel="3" href="#"></a>

我有一个jQuery滑块，它在标签中有缩略图，如下所示：

为了使它动态，我尝试选择每个

$('#control1.control').css("background-color", "red");
$('#control1.control.selected').css("background-color", "green");

第一个选择器

有效，但第二个选择器无效。

Answer 1

这应该有效，

$('#control1.control.selected').css("background-color", "green");

以下是对其他问题的解释，但是是的，在查询中使用单个 id：

$('#control1')

Answer 2

两个选择器都有效。请参阅我用红色突出显示了第一个，用绿色突出显示了第二个：

<a class="control" id="control1" rel="1" href="#">1</a>
<a class="control selected" id="control2" rel="2" href="#">2</a>
<a class="control" id="control3" rel="3" href="#">3</a>
<script>
$('#control1.control').css("background-color", "red");
$('#control2.control.selected').css("background-color", "green");
</script>