jquery_jqueryのhtml、val、text属性の値の関係と違いの紹介

まず、html 属性には 2 つのメソッドがあり、1 つはパラメーターあり、もう 1 つはパラメーターなしです。

1. パラメーターなし html(): 最初に一致した要素の HTML コンテンツを取得します。この関数は XML ドキュメントでは使用できません。ただし、文字列

を返す XHTML ドキュメントに使用できます。 例:

html ページ コード:

Hello

>
jquery コード: $("div").html();

結果: Hello

2. パラメーター html (val): 一致する各要素の HTML コンテンツを設定します。この関数は XML ドキュメントでは使用できません。ただし、XHTML ドキュメントには使用できます。 jquery オブジェクトを返す

html ページ コード:

jquery コード: $("div").html("

初めまして< ;/p>");

結果: [

初めまして

]

次に、text 属性は2 つのメソッド (1 つはパラメーターあり、もう 1 つはパラメーターなし)

1. パラメーターなし text(): 一致するすべての要素のコンテンツを取得します。結果は、一致するすべての要素に含まれるテキスト コンテンツを結合したテキストになります。返されるのは文字列

の例です:

html ページ コード:

Hello

< p> ;ありがとうございます!

jquery code: $("p").text();

結果: HelloofineThankyou!

2. text パラメータ (val): html() と同様に、一致するすべての要素のテキスト コンテンツを設定しますが、HTML をエンコードします (「<」と「>」を対応する HTML エンティティに置き換えます)。jquery オブジェクト
html ページ コード:

テスト段落。

jquery コード: $("p").text("Some 新しいテキスト。" ) ;

Result:[

Some ]

最後に、val( ) 属性。1 つは参照あり、もう 1 つは参照なし。

1. パラメーターなしの val(): 最初に一致した要素の現在の値を取得します。 jQuery 1.2 では、任意の要素の値を返すことができます。セレクトも含めて。複数の選択が行われた場合は、選択された値を含む配列が返されます。

は文字列、配列

を返します。 例:

html ページ コード:

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

> <オプション>シングル

> Multiple
Multiple2
Multiple3 ; /select>


jquery コード: $("p").append( "Single: " $("#single").val() " < ;b>複数: " $("#multiple").val().join(", "));

結果:[

: SingleMultiple:Multiple, Multiple3

]

2. パラメータ val (val): 一致する各要素の値を設定します。 jQuery 1.2 では、チェック、選択、ラジオ要素に値を割り当てて、jquery オブジェクト

HTML ページ コード:

を返すこともできます。 >jquery コード: $("input").val("hello world!");

結果: hello world! ----------------------------------------------------

概要:

1. ドロップダウン ボックスの タグでオプションに値を割り当てる場合、 option には value 属性がありますが、ページ上の option の value 属性は、ページ上に実際に表示できるのは、option タグ間のテキスト フィールドです。したがって、オプション タグに値を割り当てるには、html() メソッド

2 に値を割り当てる場合、 タグ。input タグの value 属性がページ上に表示する責任があるため、Input タグのテキストに値を割り当て、ブラウザが解析するときにそのテキスト値をブラウザに表示すると、 val() 属性を使用する必要があります。