連載
第1回 セレクタ編：連載：jQuery逆引きリファレンス（1/25 ページ）
やりたいことからコードが見つかるjQuery辞典。まずはセレクタ構文に関する「ＸＸするには？」を24本一挙公開。jQueryは.NETでも公式サポート。
このシリーズでは、何回かにわたって、jQueryの基本機能を目的別リファレンスの形式でまとめていきます。
jQueryは近年、JavaScriptライブラリの中でも高い人気を持ち、急速に普及してきたライブラリです。jQuery自体はオープンソースで開発が進められるライブラリですが、2008年9月にマイクロソフトが正式サポートすることを表明したことから、今後は、ASP.NETの世界でも採用される機会が多くなってくると予想されます。本連載が、これからjQueryを利用される方の有用な資料となれば幸いです。
なお、本連載はリファレンスという性質上、入門レベルからの解説は行っていません。jQueryの基本については、拙稿「ASP.NETプログラマーのためのjQuery入門」も併せて参照することをお勧めします。
それではさっそく始めましょう。まずは、jQueryのキモともいえる「$()関数」で使える、さまざまなセレクタ構文についてまとめていきます。
- id値で要素を特定するには？
- タグ名で要素を特定するには？
- スタイル・クラスで要素を特定するには？
- 複数のセレクタをまとめて指定するには？
- すべての要素を取得するには？
- ある要素の配下にある要素だけを取得するには？
- ある要素の直下にある要素だけを取得するには？
- 指定した要素の次要素を取得するには？
- 指定した要素以降の兄弟要素を取得するには？
- 先頭／末尾の要素だけを取得するには？
- 指定された親要素の先頭／末尾の子要素を取得するには？
- 偶数／奇数番目の要素だけを取得するには？
- 指定したインデックス番号（より大きい／未満）の要素を取得するには？
- 指定された要素直下から特定の子要素だけを取得するには？
- 指定したセレクタ以外の要素を取得するには？
- 配下に特定のテキストを含んだ要素を取得するには？
- 空要素だけを取得するには？
- 何らかの子要素を持つ要素を取得するには？
- 指定した子要素を持つ要素を取得するには？
- 子要素が1つだけである要素を取得するには？
- 属性の値によって取得要素を絞り込むには？
- 複数の属性フィルタを組み合わせるには？
- フォーム要素やヘッダ要素を取得するには？
- 特定の状態にある要素のみを取得するには？
以上、今回はセレクタ構文についてまとめました。次回は、属性やトラバーシング（要素間の行き来）にかかわるメソッドについて紹介する予定です。
Copyright© Digital Advantage Corp. All Rights Reserved.