今回は、jQueryの動作を設定するとき、対象要素（セレクタ） を２つ指定したいときの記述を紹介します。
ちょっとしたことですが、気になる人もいるかと思いますので、簡単紹介します。
サンプル
例えばこんなコードです。
$("#btn").on("click", function() {
$("#img").fadeOut(500);
});
ボタン（#btn）をクリックすると画像（#img）が0.5秒かけてフェードアウトする、という内容です。
解決コード
「画像を２つ同時にフェードアウトさせたい」という人もいるのではないでしょうか。
そんなとき、上記で書いたサンプルコードを、セレクタを変えて２つ分を記述するのはナンセンスです。
この場合は、カンマで区切って２つ指定しましょう。
$("セレクタ1 , セレクタ2") といった具合です。
下記のようにサンプルを作ってみました。
See the Pen
fade-out by t.h (@tomtom15)
on CodePen.
青と赤の２つのブロックは同時にフェードアウトします。
フェードインやその他のアニメーションにも応用が利きますので、いろいろ試してくださいね。
さらに詳しく学習したい方はこちらもどうぞ。
https://www.jquerystudy.info/reference/selectors/multiple2.html