jQueryはDOMを操作してフォームcontrol_jqueryの値を取得します

この記事の例では、jQuery が DOM を操作してフォーム コントロールの値を取得する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

HTML 属性と DOM 属性の最大の違いは、おそらくフォーム コントロールの値です。たとえば、DOM のテキスト入力ボックスの value 属性は、defaultValue と呼ばれますが、DOM には value 属性はありません。オプション リスト (選択) 要素の場合、そのオプションの値は通常、DOM の selectedIndex 属性、またはそのオプション要素の selected 属性を通じて取得されます。

これらの違いのため、フォーム コントロールの値を取得および設定するときに .attr() メソッドを使用しないことをお勧めします。オプション リストに関しては、.prop() メソッドも使用しないのが最善です。では、何を使用すればよいでしょうか? jQuery が提供する .val() メソッドを使用することをお勧めします:

コードをコピー コードは次のとおりです:

//テキスト入力ボックスの現在の値を取得します
var inputValue = $('#my-input').val();
//オプションリストの現在の値を取得します
var selectValue = $('#my-select').val();
8. ラジオリストの値を設定します
$('#my-single-select').val('value3');
/^複数選択リストの値を設定します
$('#my-multi-select').val(['value1', 'value2']);

.attr() や .prop() と同様に、.val() メソッドも関数をセッター パラメーターとして受け入れることができます。この多用途な .val() メソッドを使用すると、Web 開発に jQuery を使用する際の効率が向上します。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。