jQuery

Selector


セレクタ

All Selector ("*")

全てのタグを選択
e.x) $("*")

Class Selector (".class")

一致するクラスタグを選択
e.x) $(".myClass")

ID Selector ("#id")

一致するIDタグを選択
e.x) $("#myDiv")

条件セレクタ


スペース

特定のタグに属するタグを選択
e.x.) $("#sampleTable tr")
e.x.) $("#sampleTable tr:first") sampleTableの最初の行を選択

カンマ(,)

複数のタグを選択
e.x.) $("tr:first, tr:eq(1)") tableの1行目と2行目を選択

:contains() Selector

条件が含まれるタグを選択
e.x) $("div:contains('Jon')")

:empty Selector

空のタグを選択
e.x) $("td:empty")

インデックスセレクタ

※indexは0から開始

:first

index=0を選択

:eq(index)

一致するindexを選択

:gt(index)

indexより大きいタグを選択
indexは0以上(最初の行は選択できない?!)

:lt(index)

index以下のタグを選択
indexは0以上

その他

.find( selector )

タグの中にネストされたタグを選択する
e.x) $("div").find("p")

テーブルの1行目から10行目だけ表示する

$("sampleTable tr").hide();
$("sampleTable tr:gt(0):lt(10)").show();

  • 最終更新:2010-03-13 17:26:15

このWIKIを編集するにはパスワード入力が必要です

認証パスワード