jQuery html() メソッド

jQueryのHTML/CSSメソッド

html()メソッドは選択された要素の内容（innerHTML）を取得または設定します。

html()メソッドを使用して取得内容を設定する場合、それを返します。最初の選択された要素のの内容。

html()メソッドを使用して設定内容を設定する場合、それを上書きします。すべての選択された要素の内容。

注意：html()を使用して要素の内容を設定する場合、その要素内のすべての内容は新しい内容で完全に置き換わります。また、子要素を新しい内容で置き換える前に、jQueryはデータやイベントハンドラなどの他の構造を子要素から削除します。

使用text()メソッドは選択された要素のテキスト内容のみを取得または設定します。

语法：

内容を取得します：

$(selector).html()

内容を設定します：

$(selector).html(content)

関数を使用して内容を設定します：

$(selector).html(function(index,　currentContent))

例

ボタンをクリックして、最初の段落の内容を取得します：

$("button").click(function(){
　　alert($("p").html());
});

各段落をクリックするとHTML内容が返されます：

$("p").click(function(){
　　alert($(this).html());
});

すべての段落の内容を変更します：

$("button").click(function(){
　　$("p").html("私は言いたい:　<b>Hello　world</b>);
});

関数を使用して要素の内容を変更します：

$("button").click(function(){
　　$("p").html(function(i){
　　　　return　"このp要素のインデックス:　"　+　i;
　　});
});

html()メソッドとtext()メソッドの違い：

$("#btn1").click(function(){
　　$("p").html("私は言いたい:　<b>Hello　world</b>);
});
$("#btn2").click(function(){
　　$("p").text("私は言いたい:　<b>Hello　world</b>);
});

パラメータの値

jQueryのHTML/CSSメソッド