【2/17】今年は「濃厚」技術トーク！＠ITメールセミナー        

連載：jQuery逆引きリファレンス 第1回 セレクタ編 山田 祥寛（http://www.wings.msn.to/） 2009/10/09

　このシリーズでは、何回かにわたって、jQueryの基本機能を目的別リファレンスの形式でまとめていきます。

ASP.NETプログラマーのための jQuery入門

　jQueryは近年、JavaScriptライブラリの中でも高い人気を持ち、急速に普及してきたライブラリです。jQuery自体はオープンソースで開発が進められるライブラリですが、2008年9月にマイクロソフトが正式サポートすることを表明したことから、今後は、ASP.NETの世界でも採用される機会が多くなってくると予想されます。本連載が、これからjQueryを利用される方の有用な資料となれば幸いです。

　なお、本連載はリファレンスという性質上、入門レベルからの解説は行っていません。jQueryの基本については、拙稿「ASP.NETプログラマーのためのjQuery入門」も併せて参照することをお勧めします。

　それではさっそく始めましょう。まずは、jQueryのキモともいえる「$()関数」で使える、さまざまなセレクタ構文についてまとめていきます。

• id値で要素を特定するには？
• タグ名で要素を特定するには？
• スタイル・クラスで要素を特定するには？
• 複数のセレクタをまとめて指定するには？
• すべての要素を取得するには？
• ある要素の配下にある要素だけを取得するには？
• ある要素の直下にある要素だけを取得するには？
• 指定した要素の次要素を取得するには？
• 指定した要素以降の兄弟要素を取得するには？
• 先頭／末尾の要素だけを取得するには？
• 指定された親要素の先頭／末尾の子要素を取得するには？
• 偶数／奇数番目の要素だけを取得するには？
• 指定したインデックス番号（より大きい／未満）の要素を取得するには？
• 指定された要素直下から特定の子要素だけを取得するには？
• 指定したセレクタ以外の要素を取得するには？
• 配下に特定のテキストを含んだ要素を取得するには？
• 空要素だけを取得するには？
• 何らかの子要素を持つ要素を取得するには？
• 指定した子要素を持つ要素を取得するには？
• 子要素が1つだけである要素を取得するには？
• 属性の値によって取得要素を絞り込むには？
• 複数の属性フィルタを組み合わせるには？
• フォーム要素やヘッダ要素を取得するには？
• 特定の状態にある要素のみを取得するには？

■

　以上、今回はセレクタ構文についてまとめました。次回は、属性やトラバーシング（要素間の行き来）にかかわるメソッドについて紹介する予定です。

INDEX
	jQuery逆引きリファレンス
	1．セレクタ編
	2．属性＆コンテンツ編

「jQuery逆引きリファレンス」

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード