jQueryを使用する際、避けては通れない「セレクタ」について、基本的な設定方法をまとめます。
※同様の設定方法にて「css」やjavascriptの「Document.querySelector()」等でも使用可能です。
idを指定
1 | $('#id名') |
※<div id=”target”> を指定する場合、「#target」となる。
要素名を指定
1 | $('要素名') |
※「div」「input」「a」等を指定する。
クラス名を指定
1 | $('.クラス名') |
※<div class=”target”>とした場合、「.target」となる。
フォームを指定
1 | $(':input') |
| 設定値 | 選択対象 |
|---|---|
| :input | input, textarea, select, button要素を指定する。 |
| :text | テキストボックスを指定する。 |
| :radio | ラジオボタンを指定する。 |
| :checkbox | チェックボックスを指定する。 |
| :hidden | hidden要素と、不可視要素を指定する。 |
| :password | パスワード要素を指定する。 |
| :submit | submit要素を指定する。 |
| :image | 画像を指定する。 |
| :reset | reset要素を指定する。 |
| :button | ボタンを指定する。 |
| :file | ファイル要素を指定する。 |
全ての要素を指定
1 | $('*') |
