.pushStack()Selectors:セレクタサンプルについての注意点サンプルではセレクタが確認しやすいように、可能な限り紹介しているセレクタのみを利用しています。実際は複数のセレクタを組みあわせて調査範囲を絞るようにした方が良いパフォーマンスを得られます。body内全体を調べるよりも、特定の範囲内(例えばid属性がtestのdiv内)の〜を選択とした方が調べる範囲が狭く高速に処理できるからです。基礎となるセレクタです。*(すべて)全ての要素を選択します。単独で利用するのではなく、他のセレクタと組みあわせて特定範囲内の全てを選択するときなどに利用します。→詳細element(html要素)htmlの要素を選択します。→詳細#id名(ID属性)任意のid属性を持つ要素を選択します。→詳細.class名(clas属性)任意のclass属性を持つ要素を選択します。class属性)を記述し、その全てにマッチする要素を選択します。前後関係に関連するセレクタです。親要素内にある任意の要素を選択します。子要素」とは異なり、直下の要素である必要はありません。→詳細>(子要素)親要素内にある任意の要素を選択します。子孫」とは異なり、直下の要素のみを選択します。子要素」より高速です。→詳細+(直近の後要素)前要素にある「直後」の要素を1つだけ選択します。複数選択したい場合は以下の「~(後要素)」を利用します。よって要素を選択するセレクタです。[属性名]任意の属性をもつ要素を選択します。→詳細[属性名='値']任意の属性が指定した「値を持つ」要素を選択します。→詳細[属性名!='値']任意の属性が指定した値「以外」の値を持つ要素を選択します。→詳細[属性名^='値']任意の属性が指定した値から「始まる」要素を選択します。→詳細[属性名$='値']任意の属性が指定した値で「終わる」要素を選択します。→詳細[属性名*='値']任意の属性が指定した値を「含む」要素を選択します。→詳細[属性名-='値']任意の属性が指定した値を「単語として持つ」要素を選択します。→詳細[属性名|='値']任意の属性が指定した値と「一致またはハイフンを付け派生した」要素を選択します。複数の属性セレクタ記述し、その全てにマッチする要素を選択します。→詳細フィルタとは:(コロン)から始まるセレクタ。単独でも利用できますが、他のセレクタと組合わせて利用し選択対象を絞ります。基本フィルタ基本となるフィルタです。比較的よく利用されます。:root最上位の要素(つまりhtml)を選択します。→詳細:header見出し要素を選択します。→詳細:lang()引数で指定したlang属性の要素を選択します。→詳細:targetリンク先の要素を選択します。→詳細:animatedアニメしている要素を選択します。→詳細:first最初の要素を選択します。→詳細:last最後の要素を選択します。→詳細:even偶数番目の要素を選択します。→詳細:odd奇数番目の要素を選択します。)引数で指定したインデックス番号の要素を選択します。→詳細:gt()引数で指定したインデックス番号より大きい要素を選択します。)引数で指定したインデックス番号より小さい要素を選択します。)引数で指定した「セレクタ」以外の要素を選択します。子要素フィルタ子要素ごとに効力を発揮するセレクタです。:first-child最初の子要素を選択します。セレクタで指定した要素が最初でない場合は選択されません。→詳細:first-of-typeセレクタで指定された最初の子要素を選択します。:first-childと異なり、指定したセレクタが最初の子要素である必要はありません。→詳細:last-child最後の子要素を選択します。セレクタで指定した要素が最後でない場合は選択されません。→詳細:last-of-typeセレクタで指定された最後の子要素を選択します。:last-childと異なり、指定したセレクタが最後の子要素である必要はありません。→詳細:only-child子要素が1つしかないときに、その子要素を選択します。→詳細:only-of-typeセレクタで指定された子要素が単独の場合に選択します。:only-childと異なり、指定したセレクタが単独であれば他に要素があっても構いません。)引数を設定することで親要素内の様々な要素を選択することができます。引数にはインデックス番号の他、even/oddや数式が利用できます。)セレクタと引数で指定した子要素を選択します。引数にはインデックス番号の他、even/oddや数式が利用できます。nth-childと異なりセレクタで指定した要素しかカウントしません。)「後から数えた」引数を設定することで親要素内の様々な要素を選択することができます。引数にはインデックス番号の他、even/oddや数式が利用できます。)セレクタと「後から数えた」引数で指定した子要素を選択します。引数にはインデックス番号の他、even/oddや数式が利用できます。nth-last-childと異なりセレクタで指定した要素しかカウントしません。可視性フィルタ見えている/隠れているを選別するセレクタです。:hiddencssの設定で表示されていない(display:noneやwidth:0px等)要素やフォームのhidden要素を選択します。→詳細:visible表示されている要素を選択します。→詳細コンテンツフィルタ要素の内容に関するセレクタです。divタグなら開始タグから終了タグの間が要素の内容になります。)引数で指定した文字列を含む要素を選択します。)引数で指定した子要素を持つ要素を選択します。→詳細:empty何も持っていない要素を選択します。→詳細:parent子要素またはテキストを持っている要素を選択します。名称からは想像しにくいのですが上記の:emptyとは逆の機能を持ったセレクタです。→詳細フォームフォームに関するセレクタです。:checkedチェックされた要素(チェックボックス/ラジオボタン)を選択します。→詳細:selectedセレクト要素で選択されている要素を選択します。→詳細:disabled無効になっているフォームの要素を選択します。→詳細:enabled有効になっているフォームの要素を選択します。→詳細:focusフォーカスされている要素を選択します。→詳細:buttonボタン(button要素、typeがbuttonのinput要素)を選択します。→詳細:checkboxチェックボックス(type属性がcheckboxの要素)を選択します。→詳細:fileファイル選択ボタン(type属性がfileである要素)を選択します。→詳細:image画像を利用したフォームボタン(type属性がimageの要素)を選択します。→詳細:inputinput要素を選択します。→詳細:passwordtype属性がpasswordの要素を選択します。→詳細:radioラジオボタン(type属性がradioの要素)を選択します。→詳細:resetリセットボタン(type属性がresetの要素)を選択します。→詳細:submit送信ボタン(type属性がsubmitの要素)を選択します。type属性を設定していないbutton要素も、初期設定値がsubmitのため選択されます。→詳細:texttype属性がtextの要素を選択します。