English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery val() メソッド

jQueryのHTML/CSSメソッド

val()メソッドは、選択されたFORM要素の属性値を取得または設定します。

val()メソッドを使用して取得属性値を設定すると、それが返されます。最初の選択された要素の値。

val()メソッドを使用して設定属性値を設定すると、それが上書きされます。すべての選択された要素の値。

注意: val()メソッドは、例えばinput、select、textareaなどのFORM要素の値を取得するために主に使用されます。

文法:

値属性を取得します:

$(selector).val()

値属性を設定します:

$(selector).val(value)

関数を使用してvalue属性を設定します:

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

<input>フィールドの値を取得する:

$("button").click(function(){
  $("input:text").val();
});
テストして見て‹/›

<input>フィールドの値を設定する:

$("button").click(function(){
  $("input").val("Hello world");
});
テストして見て‹/›

関数を使用して要素の値を変更する:

$("button").click(function(){
  $("input:text").val(function(i, val){
    return val + " Hello";
  });
});
テストして見て‹/›

パラメータの値

パラメータ説明
valueすべての選択された要素の値に適用します
注意:このパラメータを省略すると、val()は最初の選択された要素のvalue属性を返します
function(index, currentValue)関数を指定します。この関数は設定する値を返します
  • index-要素が集合内のインデックス位置を返します

  • currentContent-選択された要素の現在の値を返します

jQueryのHTML/CSSメソッド