最新のWeb開発のチュートリアル
 

jQuery html() Method

<jQueryのHTML / CSSのメソッド

すべての内容変更<p>要素を:

$("button").click(function(){
    $("p").html("Hello <b>world</b>!");
});
»それを自分で試してみてください

定義と使用法

html()メソッドは、設定やコンテンツを返します(innerHTML)選択した要素のを。

この方法は、コンテンツを返すために使用される場合、それは、最初に一致した要素の内容を返します。

この方法は、コンテンツを設定するために使用される場合、それはすべてのマッチした要素の内容を上書きします。

ヒント:使用して、選択した要素のテキストの内容だけを設定するか、または戻すにはtext()メソッドを。


構文

コンテンツを返します:

$(selector).html()

セット内容:

$(selector).html( content )

関数を使用してコンテンツを設定します。

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

パラメーター 説明
content 必須。 選択された要素のための新しいコンテンツ(HTMLタグを含めることができます)を指定します
function(index,currentcontent) 任意。 選択された要素のための新しいコンテンツを返す関数を指定します。
  • index -セット内の要素のインデックス位置を返します。
  • currentcontent -選択した要素の現在のHTMLコンテンツを返します。

それを自分で試してみてください - 例

戻り要素の内容
どのように要素の内容を返します。

関数を使用して設定された要素の内容
すべての選択された要素の内容を設定する関数を使用。


<jQueryのHTML / CSSのメソッド