使ったフォームの操作に関する解説やサンプルです。セレクタの使い方や値、属性の操作(取得・設定)、フォームのイベント、検証などフォームを使う際に必要な情報を掲載しています。フォーム部品(コントロール)を選択するための専用のセレクタ(フィルタ)があります。セレクタでも選択することができますが、専用のセレクタを使用すると便利な場合があります。フォーム部品(コントロール)を選択するための専用のセレクタには、以下のようなものがあります。</div></form>上記のようなフォームがページに1つだけある場合に、以下のようなセレクタを指定した場合に、どのコントロールが選択するかを確認してみます。(上記のフォームは、見やすくするために一部を省略してあります)以下のセレクタの書かれたリンクをクリックすると、そのセレクタで選択されたコントロールの色と背景色を変更します。引数なしに使用すると、フォームに入力されているテキストや選択されている値を取得します。値を取得する対象要素はセレクタで指定します。複数選択要素なら、選択された全ての要素の配列を戻り値とします。メソッドは便利ですが、考慮すべき制限次項がいくつかあります。集合の最初の要素がフォーム要素でなければ、空の文字列が返されます。属性で定義された値をただ単に返すだけです)。ラップ集合の最初の要素しか考慮に入れないので、2つ以上のコントロールがチェックされるかもしれないチェックボックスグループに対しては他の関数と組み合わせて操作する必要があります。メソッドを使うほうが良いでしょう。属性を取得して返します。セレクタで指定した要素が複数ある場合は、マッチした最初の要素の値を取得するので、セレクタで適切に要素を指定する必要があります。属性を使って指定することができます。属性を指定して、それを使ってセレクタを指定します。要素に表示するには以下のように記述できます。属性を利用して以下のように記述します。属性を利用して指定する必要があります。[name='your_name']").val());});この他にもセレクタの指定方法はいろいろありますが、状況に応じて適切にセレクタを指定する必要があります。属性を使ったセレクタで値を取得することもできます。$("#email").val();以下は、メールアドレスを2回入力してもらい入力内容が一致するかを確認するサンプルです。取得して、比較します。要素に「メールアドレスが一致しません。要素のテキストを空にしています。この処理をしないと、「メールアドレスが一致しません。」というメッセージが表示され続けてしまいます。span").text("メールアドレスが一致しません。イベントを検知して、ユーザーの入力した文字数を表示する例です。文字数が200を超えたら色と文字の太さを変更しています。属性で定義された最初の値をただ単に返すだけで、ラジオボタンにおけるチェックの有無の状態を判別しません。そのため、チェックされている値を取得するためには、「チェックが入っている要素」をフィルタする「:checked」というセレクタと組み合わせます。ラジオボタンがそのフォームに1つだけの場合、以下のようにすると値を取得できます。属性を使って目的のラジオボタンを指定する必要があります。利用して選択されている値を取得します。ラジオボタンやチェックボックスでチェックが入っている要素のみを選択します。メソッドを使って以下のように書くこともできます。使って選択されている値を取得することができます。複数の項目が選択できる場合は、返される値は配列になります。空の配列([])を返すようになっています。フィルタできるので、そのテキストを取得します。複数選択されている場合は、テキストが結合された形(文字列)で返されます。プロパティ(オブジェクト)に格納されています。要素ノードは、このリストの項目にアクセスするためのファイルの配列(のようなもの)を持っています。オブジェクトとして取得します。プロパティを使用して選択されたファイルの長さ(数)を取得することが可能です。タイプなどのプロパティがあります。イベントを使って選択されたフィルを表示する例です。タイプを表示する例です。属性の値をその指定した値に変更することができます。val(value)渡された値(value)を、マッチした全てのフォーム要素の値として設定します。プロパティに設定すべき値を指定します。関数の場合、ラップ集合の各要素について、その関数が呼び出されます。関数コンテクスト(this)としてその要素が渡され、要素のインデックスと、その要素の現在の値とが2つのパラメータで渡されます。この関数から返された値が、設定すべき値となります。実行して入力されている値を空にするサンプルです。(application/x-www-form-urlencoded)でシリアライズ(変換)したクエリ文字列として返します。関数でエンコードされます。メソッドは、ラップ集合の中にある(あるいは、ラップ集合に含まれるフォームの中にある)全ての適格なフォーム要素から、適切にフォーマットされ、エンコーディングされたクエリ文字列を作成します。メソッドは、ラップ集合の中にあるフォームコントロールだけから情報を収集し、しかも適格と見なされた要素のみを対象とします。仕様書のルールに従って、フォーム送信の一部に含められるもののことです。使ってシリアライズして表示するサンプルです。