jqueryで要素オブジェクトの値を変更する方法

オブジェクトの値を変更する Jquery メソッド: 1. "$(element)" ステートメントを使用して、指定された要素オブジェクトを取得します; 2. val() メソッドを使用して、取得した要素オブジェクトの値を変更します。構文は「要素オブジェクト.val(新しい値)」です。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jquery は要素オブジェクトの値をどのように変更しますか

jquery では、val() メソッドを使用して要素オブジェクトの値を変更できます。オブジェクト val() メソッド 選択された要素の値を返すか、設定します。要素の値は value 属性を介して設定されます。このメソッドは主に入力要素に使用されます。このメソッドがパラメータを設定しない場合は、選択した要素の現在の値を返します。

このメソッドの構文は次のとおりです:

$(selector).val(value)

オブジェクトの値を変更する方法を例として見てみましょう。例は次のとおりです:

1. test.html という名前の新しい HTML ファイルを作成します。このファイルは、jquery が input の値を変更する方法を説明するために使用されます。 p タグ内で、input タグを使用してテキスト入力ボックスを作成し、値を「デフォルト値」に設定します。 input の id 属性を testinput に設定します。これは主に、以下の ID を通じて入力オブジェクトを取得するために使用されます。

button タグを使用して、ボタン名「値の変更」のボタンを作成します。 onclick クリック イベントをボタンにバインドし、ボタンがクリックされると setny() 関数が実行されます。

#2. js タグ内に setny() 関数を作成し、関数内で id(testinput) を通じて入力オブジェクトを取得し、val() メソッドを使用します入力値を変更します。たとえば、値を「これが新しい値です」に設定します。

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

#ボタンをクリックした後:

概要:

1. test.html を作成します。ファイル 。

2. ファイル内で、input タグを使用してテキスト入力ボックスを作成し、値を「デフォルト値」に設定し、js 関数の実行をトリガーするボタン button を作成します。

3. js タグ内に関数を作成し、関数内で入力オブジェクトを取得し、val() メソッドを使用して入力の値を変更します。

注:

val() メソッドは、入力の値を変更するだけでなく、入力の値を取得することもできます。

推奨される関連ビデオ チュートリアル:

jQuery ビデオ チュートリアル

以上がjqueryで要素オブジェクトの値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。