jqueryのテキストとhtmlの違いは何ですか

相違点: 1. html() メソッドが要素を取得および設定する場合、HTML コードが設定されます。 text() メソッドが要素を取得および設定する場合、要素のテキストの内容が設定されます。 html() メソッド xml の使用はサポートされていませんが、html と xml は text() メソッドでサポートされています。

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

jquery における text と html の違いは何ですか

1.html() メソッド

このメソッドは、JavaScript の innerHTML 属性に似ています。特定の要素の HTML コンテンツの読み取りまたは設定に使用できます
効果をより明確に表示するには、

要素の HTML コードを次のように変更します:

<p><strong>你最喜欢的男孩子是？</strong></p><p></p>

次に、 html() メソッドを

要素に追加して取得します:

var p_html = $("p").html(); //获取<p>元素中的HTML代码alert(p_html); //打印</p><p>元素的HTML代码</p>

コードを実行すると、効果図は次のようになります:
p 要素全体の HTML コードを取得します

要素の HTML コードを設定する必要がある場合は、このメソッドを使用することもできますが、それにパラメーターを渡す必要があります。たとえば、

要素の HTML コードを設定するには、次のコードを使用できます:

$("p").html("<strong>你最喜欢的男孩子是？</strong>"); //设置<p>元素的HTML代码</p>

注: html() メソッドは XHTML ドキュメントには使用できますが、XHTML ドキュメントには使用できません。 XML ドキュメント。

2. text() メソッド

このメソッドは JavaScript の innerText プロパティに似ており、要素内のテキストの読み取りと設定に使用できます。 。 コンテンツ。
上記の HTML コードを引き続き使用します:

<p><strong>你最喜欢的男孩子是？</strong></p>

text() メソッドを使用して

要素を取得します:

var p_text = $("p").text(); //获取<p>元素的文本内容alert(p_text); //打印</p><p>元素的文本内容</p>

コードを実行すると、効果図は次のようになります。
テキスト コンテンツのみを表示し、HTML コードを含めて表示することはありません

テキスト コンテンツを設定する必要がある場合は、html() メソッドと同じです。要素の場合は、パラメータを渡す必要もあります。たとえば、

要素のテキスト コンテンツを設定するには、コードは次のとおりです:

$("p").text("你最喜欢的男孩子是？"); //设置<p>元素的文本内容</p>

注: (1) JavaScript の innerText 属性は、Firefox ブラウザの一部のバージョンでは実行できません。 、および jQuery text() メソッドはすべてのブラウザをサポートします。
(2) text() メソッドは、HTML ドキュメントと XML ドキュメントの両方に有効です。

概要:
1. html() メソッドが要素を取得および設定するときに、HTML コードを設定します。
2. text() メソッドが要素を取得および設定するときに、HTML コードを設定します。要素を設定すると、要素のテキスト コンテンツが設定されます
3。html() メソッドは xml をサポートしませんが、text() メソッドは html と xml

jQuery ビデオ チュートリアル

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