jQueryのセレクタの一覧です。
セレクタの一覧
| セレクタ | 説明 | 例 |
|---|---|---|
| $('#id名') | id名から要素を取得 | $('#hoge') |
| $('.class名') | class名から要素を取得 | $('.hoge') |
| $('タグ') | タグから要素を取得 | $('div') |
| $('*') | 全ての要素を取得 | $('*') |
| セレクタ | 説明 | 例 |
|---|---|---|
| $('#id名1, id名2') | id名1またはid名2 | $('#btn1, #btn2') |
| $('#id名, class名') | id名1またはclass名 | $('#btn1, .cls1') |
| $('#id名 > class名') | id名を親に持つclass名 | $('#main > .cl1') |
| セレクタ | 説明 |
|---|---|
| $("input[type='text']") | 全てのテキストボックス |
| $("input[type='text']:disabled") | disableのテキストボックス全て |
| $("input[type='text']:enabled") | enableのテキストボックス全て |
| $("input[type='checkbox']:checked") | チェック済みのチェックボックス全て |
| $("input[type='checkbox']:not(:checked)") | 未チェックのチェックボックス全て |