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全て
:eq(index)
集合要素から、インデックスを指定して単一のエレメントを抽出します。
[attribute=value]
属性が特定の値を持っている要素を抽出します。
$(this)
関数内で通常のDOM ElementではなくjQueryオブジェクトを使いたい場合、$(this)を利用。
