jQueryドキュメント操作 - html()メソッド

すべてのp要素の内容を設定:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

自分で試してみてください

定義と使用法

html()メソッドは選択された要素の内容(inner HTML)を返すまたは設定します。

このメソッドにパラメータが設定されていない場合、選択された要素の現在の内容を返します。

要素内容を返す

このメソッドを使用して値を返す場合、最初の一致する要素の内容を返します。

構文

$(selector).html()

自分で試してみてください

要素内容を設定

このメソッドを使用して値を設定した場合、すべての一致する要素の内容を上書きします。

構文

$(selector).html(content)

自分で試してみてください

引数 説明
content - オプション。選択された要素の新しい内容を指定します。このパラメータにはHTMLタグを含むことができます。

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

関数を使用してすべての一致する要素の内容を設定します。

構文

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

自分で試してみてください

引数 説明
function(index,oldcontent)

選択された要素の新しい内容を返す関数を定義します。

  • index - オプション。選択子のindex位置を受け取ります。
  • oldcontent - オプション。選択子の現在の内容を受け取ります。