Selector

Basics(基本):

#id String

与えられたID名にマッチするエレメント

$("#myId").show();

element String

与えられた要素名(タグ名)にマッチするエレメント(s)

$("div").css("font-size","12px");

.class String

与えられたクラス名にマッチするエレメント(s)

$(".myClass").html("myClassです");

element String

すべてのエレメント(s)

$("*").css("border","3px dotted #888");

selector1, selector2, ...selectorN String

指定したすべてのエレメント(s)。「,」で区切っていくつでもセレクタを増やせます。

$("#id1 , #id2 , li").css("font-size","1.2em");
Hierarchy(階層):

ancestor descendant String

左辺の「先祖 ancestor」要素内にある 右辺の「子孫 descendant」要素に該当するすべてのエレメント(s)

$("form input").attr("disabled","");

parent > child String

左辺の「親 parent」要素内にある 右辺の「子 child」要素に該当するすべてのエレメント(s)

$("#myId div").css("color","red");

prev + next String

左辺の「前 prev」要素の「次 next」の要素に該当するエレメント

$(".myClass + p").css("font-size","10px");

prev ~ siblingsString

左辺の「前 prev」要素以降にある右辺の「兄弟 siblings」要素に該当するすべてのエレメント(s)

$("form ~ input").css("color","#ddd");
Basic Filters(基本フィルタ):

:first String

最初のエレメント(s)

$("td:first").css("color","#ddd");

:last String

最後のエレメント(s)

$("tr:last").css("color","#ddd");

:not(selector) String

与えられたセレクタを無視します

$("input:not(:checked)").css("color","#ddd");

:even String

0からはじめてindexが偶数の要素(s)

$("tr:even").css("color","#ddd");

:odd String

0からはじめてindexが奇数の要素(s)

$("tr:odd").css("color","#ddd");

:eq(index) String

与えたインデックス番号に合致する要素

$("td:eq(5)").css("color","#ddd");

:gt(index) String

与えたインデックス番号を超えるインデックスの要素

$("td:gt(5)").css("color","#ddd");

:lt(index) String

与えたインデックス番号未満のインデックスの要素

$("td:lt(1)").css("color","#ddd");

:header String

すべての<H>見出し要素

$(":header").css("color","#ddd");

:animated String

現在アニメーション動作中の要素(s)

$("div:animated").css("color","#ddd");