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
- 何がしかの子要素（テキストも含む）を持つ要素を選択する。
表示/非表示フィルタ
属性フィルタ
- [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要素と、不可視状態にある要素を選択する。