[jQuery] 基本メモ: セレクタ

セレクタはDOM(Document Object Model)要素を選択する。

記述スタイル

セレクタに続けてメソッドをチェインして記述できる (メソッドチェイン)。

セレクタで使われる記号

  • > 直下の子要素
  • スペース それ以下の要素
  • / 複数の要素
  • + 隣接する要素

セレクタ適用例

main直下のitemを選択

jquery_selector_1

main以下のitemを選択

jquery_selector_2

pとitemを選択

jquery_selector_3

itemに隣接するitemを選択

jquery_selector_4

フィルタ

  • :eq()
  • :gt()
  • :lt()
  • :even
  • :odd
  • :contains()
  • :first
  • :last

フィルタ適用例

3番目にあるitemを選択

jquery_selector_5

最後にあるitemを選択

jquery_selector_6

DOM要素を指定するメソッド

  • parent()
  • children()
  • next()
  • prev()
  • siblings()