2022.01.31こんにちは。たいら(@tairaengineer2)です。転職を繰り返し現在4社経験している、10年目エンジニアです。jQueryでのセレクタについて解説します。先祖・祖先関係で指定するセレクタの書き方まとめ:セレクタを使ってみよう!前提条件:実行環境について実行環境は以下の通りです。OSWindows10jQueryのバージョン3.6.0セレクタとはセレクタとは、対象のHTMLから特定の要素を取得する機能です。書き方はJavaScript$("【セレクタ】")1$("【セレクタ】")となります。セレクタに選択できるものと書き方のパターンが多いので、次章からサンプルプログラムをまじえながら解説します。基本のセレクタこの章では、基本のセレクタの書き方である全要素を選択するセレクタの書き方タグで指定するセレクタの書き方idで指定するセレクタの書き方クラスで指定するセレクタの書き方を解説します。全要素を選択するセレクタはJavaScript$("*")1$("*")と書きます。タグで指定するセレクタの書き方タグで指定するセレクタはJavaScript$("【HTMLタグを指定】")1$("【HTMLタグを指定】")と書き、対象のHTMLから指定したタグすべての要素を取得します。id="piyo">ぴよ</p>というHTMLからdivタグの要素を取得したい場合はJavaScript$("div")1$("div")と書くと、idが「test」、「hogehoge」のdivタグの要素を配列で取得できます。idで指定するセレクタの書き方idで指定するセレクタはJavaScript$("#【idを指定】")1$("#【idを指定】")と書き、対象HTMLから指定したidの要素を取得します。id="piyo">ぴよ</p>というHTMLからidが「test」の要素を取得したい場合はJavaScript$("#test")1$("#test")と書くと、idが「test」のdivタグの要素が取得できます。クラスで指定するセレクタの書き方クラスで指定するセレクタはJavaScript$(".【クラスを指定】")1$(".【クラスを指定】")と書き、対象HTMLから指定したクラスの要素を取得します。class="test">ぴよ</p>というHTMLからクラスが「test」の要素を取得したい場合はJavaScript$(".test")1$(".test")と書くと、idが「test」のdivタグとidが「piyo」のpタグの要素を配列で取得できます。先祖・祖先関係で指定するセレクタの書き方を解説します。【子を指定】")と書き、対象HTMLから指定した条件に合致する親子関係の子の要素を取得します。.hogehoge")と書くと、idが「hogehoge」のpタグの要素が取得できます。【子孫を指定】")と書き、対象HTMLから指定した条件に合致する先祖と子孫の関係の子孫の要素を取得します。p")と書くと、idが「test」のpタグとidが「fuga」のpタグの要素を配列で取得できます。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Δホームプログラムプロフィールこのブログを運営しているたいらと言います。プログラム言語を合計5言語経験している12年目エンジニアのブロガーです。このブログでは、どこよりも分かりやすくプログラムやツールのインストール方法などを解説し、エンジニアにの疑問解決に役立つ情報を発信します。お問い合わせなどがありましたら、下記のリンクからお願いします。お問い合わせこちらから記事の検索ができます。IDEAXAMPPWindows【コマンドプロンプト】コマンド一覧お問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。