jquery の html()、text()、val() の違いの簡単な分析

この記事では、jquery の html()、text()、および val() の違いを簡単に分析します。必要な方は参考にしていただければ幸いです。

.html() は、要素の HTML タグの読み取りと変更に使用されます。 js

の innerHTML に対応します。 .html() は、要素の HTML コンテンツ (その Html タグを含む) を読み取るために使用されます。 .html() メソッドが複数の要素で使用される場合、最初の要素のみが読み取られます

.text()は、要素のプレーンテキストコンテンツの読み取りまたは変更に使用されます js

text() の innerText に相当します要素の読み取りに使用されます。子孫要素を含むプレーン テキスト コンテンツは、フォーム要素では使用できません

.val()は、フォーム要素の値の読み取りまたは変更に使用されます

.val()はフォーム要素の「value」値を取得するために使用され、.val()はフォーム要素でのみ使用できます

3つの違いについて

1. .val()メソッドは複数の要素に適用される場合は .html() と同じです。 使用すると、最初のフォーム要素の "value" 値のみを読み取ることができますが、 .text() が適用される場合はそれらとは異なります。複数の要素がある場合は、選択されたすべての要素のテキストが読み取られます。

2 .html()、.text()、および .val() はすべて、コールバック関数の戻り値を使用して、複数の要素のコンテンツを動的に変更できます。

おすすめ関連記事:

HTMLのフォント属性まとめ

jsチュートリアル - 配列ループ削除エラーの実装と解決方法

以上がjquery の html()、text()、val() の違いの簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。