ページから要素を取り出して、それらに対して処理を行います。単純化することができます。基本的な構文は以下のようなものでした。a)を使って記述します。同様のセレクタを使用することができます。独自のセレクタも使うことができます。関数にセレクタを渡します。jQuery()関数の別名です。要素)を選択するには、以下のように記述します。オブジェクト)になります。オブジェクト)が、文書の中で定義された順番に並んで入っています。このオブジェクトには、集められた要素グループに対して利用できる数多くの便利なメソッドがあらかじめ定義されています。set)と呼んだりします。すると、マッチするのは2つの要素になります。いうプロパティがあるのでそれを利用して、以下のように記述することができます。</ul></div>以下のリンクをクリックすると、選択された要素の文字色が赤に変わり、そして太字になります。いうクラス名を持つ要素を全て隠すには以下のように記述します。$(".someClass").hide();$(".someClass").hide();上記の記述で隠した要素をフェードインで表示させるには、以下のように記述します。のどの要素を操作するかを「セレクター」で指定し、操作する内容を記述します。)で命令を記述します。命令を使って操作(処理)をします。関数を記述し、その中(内側)に処理を記述します。関数の記述は省略します。セレクタを使って簡単に要素を選択することができます。セレクタを利用することができます。断片を渡す場合、第2の引数を受け取るバージョンがあります。その処理のコンテクストを示します。オプションの第2引数を省略すると、コンテクストはページ全体になります。要素集合を使うことも可能です。要素に対して命令を実行する場合に使用します。選択された要素のスタイル(CSS)を設定するメソッド(命令)です。属性を持つ要素に対して命令を実行する場合に使用します。#(ハッシュ)をつけたものをセレクタとします。セレクタをつなげても同じ指定ができます。(間にスペースは入れません。スペースを入れると「子孫セレクタ」になり、意味が異なります。4クラスセレクタ特定のクラス属性を持つ要素に対して命令を実行する場合に使用します。.(ドット)をつけたものをセレクタとします。セレクタと同様に、要素名をわかりやすくするために、要素セレクタとつなげても同じ指定ができます。(間にスペースは入れません。スペースを入れると「子孫セレクタ」になり、意味が異なってしまいます。セレクタと違って、複数の異なる要素に適用される場合があるので、そのような場合はこの方法を使うと便利です。4子孫セレクタ複数のセレクタをスペース区切りで指定することにより、特定の要素の内側にある要素に対して命令を実行することができます。4ユニバーサルセレクタ全ての要素を選択できるセレクタです。*(アスタリスク)で記述します。子孫セレクタになっている要素。4グループセレクタ複数のセレクタを,(カンマ)区切りで並べて指定することで、それぞれのセレクタに対する命令をまとめて記述することができます。おいて特別な意味を持つ文字(ドットやセミコロン)をエスケープすることができます。新しく導入されたメソッドです。解釈されてしまい選択(抽出)することができませんでした。使えば、以下のようにその要素を選択できるようになります。セレクタ子セレクタ特定の要素の直下に配置された要素(直接の子要素のみ)を選択します。>(大なり不等号)で結びます。4隣接(兄弟)セレクタ特定の要素の次に出現する要素を選択します。+(プラス)で指定します。(隣接する要素は兄弟関係にあるものです。同じ要素を親に持っています。Cfirst-child擬似クラス特定のセレクタのうち、最初に登場する要素を指定するセレクタです。(特定の要素の最初の子要素を選択。セレクタに含まれる要素の親要素が複数存在する場合は、それぞれの最初に出現する子要素が選択されます。セレクタ間接セレクタ特定のセレクタの後に出現する要素を選択します。~(チルダ)で結びます。4否定擬似クラスセレクタ内の要素で、特定の条件以外の要素を選択します。内に除外する条件を記述します。擬似クラス子要素やテキストを含まない要素を選択します。擬似クラスセレクタの要素から任意の番号の要素を選択します。数えるので注意が必要です。番号ではなく、偶数・奇数や任意の倍数でも指定可能です。擬似クラス特定のセレクタの中で最後の要素を選択します。セレクタに含まれる要素の親要素が複数存在する場合は、それぞれの最後に出現する子要素が選択されます。擬似クラスセレクタに特定の要素が1つだけ含まれる場合選択します。要素の属性や属性値を条件に対象を絞り込める「属性セレクタ」に対応しています。内に条件を記述します。[attribute]特定の属性を持つ要素に対して命令を実行する場合に使用します。4[attribute='value']特定の属性が、特定の値を持つ要素に対して命令を実行する場合に使用します。4[attribute!='value']特定の属性が、特定の値を持たない要素に対して命令を実行する場合に使用します。このセレクタは要素セレクタの後に続けて記述する必要があります。4[attribute^='value']特定の属性の値が、特定の文字列で始まっている要素に対して命令を実行する場合に使用します。引用符で囲む必要があります。[href^=#]」のようなエラーが発生します。"#"のみのセレクタは不正な文法としてエラーになることと関係しているかも知れません)[attribute$='value']特定の属性の値が、特定の文字列で終わっている要素に対して命令を実行する場合に使用します。alt=""></li></ul>$("[src$='.png']").fadeOut();[attribute*='value']特定の属性の値が、特定の文字列を含んでいる要素に対して命令を実行する場合に使用します。4[attributeFilter1][attributeFilter2]複数の属性セレクタを同時に指定することも可能です。全ての条件を満たした要素が選択されます。独自のセレクタ(フィルター)が利用できます。フィルターセレクタの中から最初の要素を「firstフィルター」、最後の要素を「lastフィルター」で選択することができます。擬似クラスは共通の親要素を持つ要素から最初(最後)の要素を選択します。フィルターセレクタの中から偶数番目に出現する要素を「evenフィルター」で、奇数番目に出現する要素を「oddフィルター」で選択します。奇数(偶数)に登場する要素を選択します。数えるので奇数(偶数)が反転するので注意が必要です。要素は偶数番目と数えられます。フィルター」(equal)で選択します。than)で選択します。than)で選択します。要素は登場する順番を数値で指定します。JavaScriptは0から数値を数えるため、1番目は0を、2番目は1を、3番目は2を指定します。要素をまとめて選択します。「containsフィルター」は内容に特定の文字列が含まれている要素を選択します。「hasフィルター」は特定の要素が含まれている要素を選択します。Hop「hasフィルター」は子孫セレクタとちょうど逆の関係にあります。要素を選択するには「p:has(span)」を使います。何らかの子要素やテキストを含む要素を選択します。擬似クラスと逆のフィルターになります。3その他のフィルタ以下は主にフォームに関連するフィルタです。チェックされた状態にあるチェックボックスを選択する場合は「:checkbox:checked」のように記述します。ボタン要素だけを選択。チェックボックス要素だけを選択。