jquery 複数のクラス指定の挙動がよくわからない（区切りなしとカンマ区切り）

Question

jqueryで複数クラス指定の際の挙動がどうもよくわかりません。
googleで調べると、複数クラスをandで指定するときには、クラス指定をつなげて書くとありました。

そこで、以下のHTMLを準備しました。

<p class="a b">test</p>

これに対して、以下のように書いても、内容を取得できませんでした。

    var test = $(".a.b");
    console.log(test.text());

そこで試しに以下のようにカンマを付けて書いてみると、内容が取得できました。

    var test = $(".a,.b");
    console.log(test.text());

どうも教科書通りに動いておらず、混乱しております。
ご指導お願いいたします。

追記

http://www.jquerystudy.info/reference/selectors/multiple1.html
こちらのサイトさんを拝見しました。

Comments

[m.ts10806]

回答に誤りがあったため取り消し線を入れました。念のため、どのような情報を参照したか「Googleで調べた結果」を提示ください。

[退会済みユーザー]

申し訳ありません。依頼を見落としておりました。遅くなりましたが追記します。

Answer 1

普通に取得できていますよ。もう一度誤字や全角半角など確認してみてください。

ちなみに

var test = $(".a,.b");

の書き方は.aと.bの要素と言う意味です。
意味合いが違うのでこちらで覚えてしまうと後で混乱しますよ。

Comments

[退会済みユーザー]

ありがとうございます！ 勉強しながらきちんと確認したいと思います。

Answer 2

普通に拾えますね
以下コピペしてチェックしてみて下さい

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  console.log($('.a.b').text());
});
</script>
<p class="a b">test ab</p>
<p class="a c">test ac</p>
<p class="b c">test bc</p>

Answer 3

セレクタの選択については下記の記事が参考になるかもしれません。

• 【jQuery】要素を指定するセレクタの使い方 まとめ

---

すみません。既に回答が出ている通り、提示のやり方で取得可能です。

今回は複数のセレクタ(or)にあたるものなので$("セレクタ , セレクタ")の形になりますね。

つまりご提示の$(".a.b")という記法は「教科書通り」ではないですね。
参考先を提示された方が理解が合っているかどうか分かるので、追記してください。