jQuery逆引きレファレンス、セレクタ編(@ITより)
@IT新しい連載:jQuery逆引きリファレンスが始まりました。
既に一ヶ月前になりますが、
自己テスト用でもいいともいます。
私は自信がない項目が結構ありました。
jQueryで使ったシンタックス英単語は
ほとんど簡単な単語で
ぱっと見たら分かるような気がするけど、
本気で使おうとしたらまたいろいろ調べないと
と感じました。
例えば:containのフィルタにはテキスト(case-sensitive)
しか入りません。
逆に:hasにはセレクタ分が使えるなど
意味合い的には似てますが、
使い方がまったく違うところが
落とし穴だと思います。
以下がセレクタ編のタイトルです。
自信があるのは何項目ですか?
* id値で要素を特定するには?
* タグ名で要素を特定するには?
* スタイル・クラスで要素を特定するには?
* 複数のセレクタをまとめて指定するには?
* すべての要素を取得するには?
* ある要素の配下にある要素だけを取得するには?
* ある要素の直下にある要素だけを取得するには?
* 指定した要素の次要素を取得するには?
* 指定した要素以降の兄弟要素を取得するには?
* 先頭/末尾の要素だけを取得するには?
* 指定された親要素の先頭/末尾の子要素を取得するには?
* 偶数/奇数番目の要素だけを取得するには?
* 指定したインデックス番号(より大きい/未満)の要素を取得するには?
* 指定された要素直下から特定の子要素だけを取得するには?
* 指定したセレクタ以外の要素を取得するには?
* 配下に特定のテキストを含んだ要素を取得するには?
* 空要素だけを取得するには?
* 何らかの子要素を持つ要素を取得するには?
* 指定した子要素を持つ要素を取得するには?
* 子要素が1つだけである要素を取得するには?
* 属性の値によって取得要素を絞り込むには?
* 複数の属性フィルタを組み合わせるには?
* フォーム要素やヘッダ要素を取得するには?
* 特定の状態にある要素のみを取得するには?
第1回 セレクタ編 - @IT
これをきっかけに曖昧なところをいったん全部整理しようと思います。
後の記事でまた詳しく書きます。