jqueryのvalメソッドは何をするのでしょうか?

jquery の val メソッドは、選択した要素の value 属性を返すか設定するために使用されます。値を返すために使用される場合、このメソッドは最初に一致した要素の value 属性の値とその構文を返します。は "$( selector).val()"; 値の設定に使用される場合、このメソッドは一致するすべての要素の value 属性の値を設定し、その構文は "$(selector).val(value)" です。

このチュートリアルの動作環境: Windows 10 システム、jquery バージョン 3.2.1、Dell G3 コンピューター。

jquery の val メソッドは何をするのでしょうか?

val() メソッドは、選択した要素の value 属性を返すか設定します。

値を返すために使用される場合:

このメソッドは、最初に一致した要素の value 属性の値を返します。

値の設定に使用する場合:

このメソッドは、一致するすべての要素の value 属性の値を設定します。

注: val() メソッドは通常、HTML フォーム要素で使用されます。

構文

戻り値属性:

$(selector).val()

値属性の設定:

$(selector).val(value)

関数による値属性の設定:

$(selector).val(function(index,currentvalue))

パラメータ

値は必須です。 value 属性の値を指定します。

function(index,currentvalue) オプション。設定する値を返す関数を指定します。

index - コレクション内の要素のインデックス位置を返します。

currentvalue - 選択した要素の現在の値を返します。

.html()、.text()、.val() の違い:

.html()、.text()、.val() 3 両方のメソッドは、選択された要素のコンテンツを読み取るために使用されます。ただし、.html() は要素の HTML コンテンツ (HTML タグを含む) を読み取るために使用され、.text() は要素のプレーン テキスト コンテンツを読み取るために使用されます。要素 (その子孫要素を含む) .val() は、form 要素の「value」値を読み取るために使用されます。このうち、.html() メソッドと .text() メソッドはフォーム要素では使用できませんが、.val() はフォーム要素でのみ使用できます。は複数の要素で使用され、最初の要素のみが読み取られます。.val() メソッドは .html() と同じです。複数の要素に適用された場合、最初のフォーム要素の "value" 値のみを読み取ることができます.text() が複数の要素に適用される場合、選択されたすべての要素のテキスト コンテンツが読み取られます。

.html(htmlString)、.text(textString)、および .val(value) はすべて、選択された要素のコンテンツを置換するために使用されます。これら 3 つのメソッドが複数の要素で同時に使用される場合、選択したすべての要素の内容を置き換えます。 .html()、.text()、および .val() はすべて、コールバック関数の戻り値を使用して、複数の要素のコンテンツを動的に変更できます。

推奨学習: 「

jQuery ビデオ チュートリアル

」

以上がjqueryのvalメソッドは何をするのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。