jQueryであるIDとあるclassを持つものというような複数の条件を指定する方法を教えてください。

Question

jQueryであるIDとあるclassを持つものというような複数の条件を指定する方法がよく分かりません。
class名aのdivタグを指定する場合は div#a というのは分かっています。

Answer 1

恐らくjQueryのANDでの指定のことですね。
セレクタをANDで指定する場合は+を使用します。

`

<div id="id_1" class="class_2"></div> ` 例えば上記のidとclassを持つdivタグだけ色を変更する場合下記のようになります。 idが"id_1"かつclassが"class_2"の場合ということになりますね。

$("#id_1" + ".class_2").css("backgroundColor", "red");
ORで指定する場合も書いておきますね。
セレクタをORで指定する場合は,(カンマ)を使用します。

`

<div id="id_2"></div> <div class="class_3"></div> `

上記のdivタグの二つの色をタグ名を使わず変更する場合は下記のようになります。
idが"id_2"またはclassが"class_3"の場合ということになります。

$("#id_2, class_3").css("backgroundColor", "red");
まとめると以下のようになります。
・ANDで指定したい場合は
$(セレクタ1 + セレクタ2)

・ORで指定したい場合は
$(セレクタ1, セレクタ2)

Comments

[TaMaMhyu]

and条件については、+というわけではなく、単に繋げて記述するだけだと思います。
div#aと言うのも、divと#aのandのはずです。