javascript - 多くのクラスが機能しない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");

最初のセレクターは機能しますが、2番目のセレクターは機能しません。

Answer 1

これはうまくいくはずです、

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

これは他の質問の説明ですが、はい、クエリで単一のIDを使用します。

$('#control1')

Answer 2

両方のセレクターが機能します。最初の色を赤で、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>