第1回 セレクタ編：連載：jQuery逆引きリファレンス（1/25 ページ）

やりたいことからコードが見つかるjQuery辞典。まずはセレクタ構文に関する「ＸＸするには？」を24本一挙公開。jQueryは.NETでも公式サポート。

[山田祥寛（http://www.wings.msn.to/），著]

印刷

通知 連載「％」の新着をメールで通知

鬯ｯ�ｮ�ｽ�ｫ鬩包ｽｨ郢ｧ謇假ｽｽ�ｽ�ｽ�ｹ髫ｴ雜｣�ｽ�｢�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽPost

Shareシェア

はてなブックマーク

SharePocket Button

　

連載目次

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

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

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

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

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

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

---

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