ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryのattrとvalの違いは何ですか

jqueryのattrとvalの違いは何ですか

WBOY
WBOYオリジナル
2022-05-09 11:21:132771ブラウズ

違い: 1. val メソッドは手動で入力した値を取得できますが、attr メソッドは取得できません; 2. val を使用して値を割り当てる場合、val メソッドを使用して値を取得できますが、attr メソッドは取得できません。メソッドでは取得できない; 3. 使用方法 attr に値を代入する場合、入力値を手動で変更すると、val は最新の値を取得できますが、attr は初期値を取得したままです。

jqueryのattrとvalの違いは何ですか

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

jquery の attr と val の違いは何ですか

結論を先に話してから、コード分析を投稿します。違いは次のとおりです:

1. val は手動で入力した値を取得できますが、attr は取得できません。Yes

2. val を使用して値を割り当て、val は値を取得できますが、attr は取得できません

3. attr を使用して値を割り当て、両方とも val attr で値を取得できます。入力値を手動で変更した場合、val で最新の値を取得できます。attr で読み取られるのは、先頭で attr に割り当てられた値のままです。

最初に手動で数値を入力します。

jqueryのattrとvalの違いは何ですか

次に、val() と attr をそれぞれ使用します (「値」) が出力されます。

console.log("这个是val: "+$("#jibengongzi").val());
console.log("这个是attr:"+$("#jibengongzi").attr("value"));

jqueryのattrとvalの違いは何ですか

attr( "value") は手動で入力した値を取得できません

次に val( ) を使用して値を割り当てます (ruleForm.jibengongzi は数値です)

$("#jibengongzi").val(ruleForm.jibengongzi);

次に出力します

jqueryのattrとvalの違いは何ですか

次に、attr を使用して値を割り当てます

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

jqueryのattrとvalの違いは何ですか

さらに、使用中に attr にバグがあり、js を使用できなくなります。入力ボックスに値を代入するためです。具体的な理由はわかりませんが、代わりに val を使用すれば問題ありません。この記事は単なる個人的な学習記録です。質問がある場合は、指摘して一緒に学び、進歩してください。

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

jQuery ビデオ チュートリアル

以上がjqueryのattrとvalの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。