jQuery独自のセレクタ

要素名:eq(番号)」と記述し、指定された要素のうち、番号で指定された番目に現れる要素を選択することができる。jQueryの世界では、0から数えるので、0が1番目、1が2番目、2が3番目となる。

/* 要素の3番目の要素を指す */
$("li:eq(2)").css("font-size","180%");

多彩なセレクタの表現

  • :first-child ⇒ 兄弟要素の最初を選択するセレクタ(ページ上全ての親要素に対して)
  • :first ⇒ 兄弟要素の最初を選択するセレクタ(1つ目の親要素のみ)
  • :last-child ⇒ 兄弟要素の最後を選択するセレクタ(ページ上全ての親要素に対して)
  • :last ⇒ 兄弟要素の最後を選択するセレクタ(1つ目の親要素のみ)
inserted by FC2 system