jQuery セレクタについて
2011.01.17
この記事は最終更新日から1年以上が経過しています。
jQueryの代表的なセレクタです。
セレクタの種類 | 例 | 内容 |
IDセレクタ | $(“myDiv”) | id属性がmyDivの要素 |
要素セレクタ | $(“h1”) | h1要素 |
クラスセレクタ | $(“.myClass”) | class属性がmyClassの要素 |
ユニバーサルセレクタ | $(“*”) | すべての要素 |
グループセレクタ | $(“div,p”) | div要素とp要素 |
子孫セレクタ | $(“form input”) | form要素に含まれるinput要素 |
その他のcss2のセレクタ
セレクタの種類 | 例 | 内容 |
子セレクタ | $(“#main > *”) | id属性がmainの要素の子要素 |
隣接セレクタ | $(“label + input”) | label要素の直後のinput要素 |
first-child擬似クラス | $(“div p:first-child”) | div要素に含まれる最初のp要素 |
イケてるセレクタ
$(“p:gt(0)”)
1番目のpから後のp全て
:eq(index)
集合要素から、インデックスを指定して単一のエレメントを抽出します。
[attribute=value]
属性が特定の値を持っている要素を抽出します。
$(this)
関数内で通常のDOM ElementではなくjQueryオブジェクトを使いたい場合、$(this)を利用。