Selectors - jQuery 日本語リファレンス

Selectors/API/jQuery

基本

#id: 指定されたidを持つ要素を選択する。
element: 指定されたタグ名の要素を選択する。
.class: 指定されたクラスを持つ要素を選択する。
*: 全ての要素を選択する。
selector1, selector2, ..., selectorN: 複数のセレクターを指定して集合要素を選択する。

階層

ancestor descendant: ancestorを先祖に持つdescendantを選択する。
parent > child: 親子関係を指定して要素を選択する。
prev + next: 前後関係を指定して要素を選択する。
prev ~ siblings: prev以降の兄弟関係にある要素を選択する。

基本フィルタ

:first: 先頭の要素を選択する。
:last: 末尾の要素を選択する。
:not(selector): 指定したセレクターを除外した要素を選択する。
:even: 偶数番の要素を選択する。
:odd: 奇数番の要素を選択する。
:eq(index): インデックス指定した要素を選択する。
:gt(index): 指定したインデックスより後の要素を選択する。
:lt(index): 指定したインデックスより前の要素を選択する。
:header: h1,h2などのヘッダ要素を選択する。
:animated: アニメーション中の要素を選択する。

コンテントフィルタ

:contains(text): 指定した文字列を含む要素を選択する。
:empty: 空要素を選択する。
:has(selector): 指定したセレクター要素を子孫に持つ要素を選択する。
:parent: 何がしかの子要素（テキストも含む）を持つ要素を選択する。

表示/非表示フィルタ

:hidden: 非表示の要素や、hidden属性のinpout要素を選択する。
:visible: 可視状態にある要素を選択する。

属性フィルタ

[attribute]: 指定された属性を持つ要素を選択する。
[attribute=value]: 属性が指定された値を持つ要素を選択する。
[attribute!=value]: 属性が指定された値を持たない要素を選択する。
[attribute^=value]: 属性値が指定された文字列から始まる要素を選択する。
[attribute$=value]: 属性値が指定された文字列で終わる要素を選択する。
[attribute*=value]: 属性値が指定された文字列を含む要素を選択する。
[selector1][selector2]...[selectorN]: 複数の属性フィルタを指定し、全てを満たす要素を選択する。

子要素フィルタ

:nth-child(index/even/odd/equation): 各親要素に対してn番目、偶数、奇数、n個おきなどの指定をして要素を選択する。
:first-child: 各親要素に対して最初の子要素を選択する。
:last-child: 各親要素に対して最後の子要素を選択する。
:only-child: 各親要素が1つだけ子要素を持つ場合に、その子要素を選択する。

フォーム

:input: 全てのinput, textarea, select, button要素を選択する。
:text: 全てのtext要素を選択する。
:password: 全てのpassword要素を選択する。
:radio: 全てのradio要素を選択する。
:checkbox: 全てのcheckbox要素を選択する。
:submit: 全てのsubmit要素を選択する。
:image: 全てのimage要素を選択する。
:reset: 全てのreset要素を選択する。
:button: 全てのbutton要素を選択する。
:file: 全てのfile要素を選択する。
:hidden: 全てのhidden要素と、不可視状態にある要素を選択する。

フォームフィルタ

:enabled: 利用可能な状態にある全ての要素を選択する。
:disabled: 利用不可な状態にある全ての要素を選択する。
:checked: チェックの入っている全ての要素を選択する。
:selected: 選択状態にある全ての要素を選択する。