HTML

English [?e?t? ti: em ?el] US [?et?ti?m??l]

abbr.ハイパーテキスト マークアップ言語 ハイパーテキスト マークアップ言語

jqueryhtml() メソッド 構(gòu)文

関數(shù): html() メソッドは、選択された要素 (內(nèi)部 HTML) のコンテンツを返すか設(shè)定します。このメソッドがパラメータを設(shè)定しない場合は、選択した要素の現(xiàn)在のコンテンツを返します。

要素の內(nèi)容を返す: このメソッドを使用して値を返す場合、最初に一致した要素の內(nèi)容が返されます。

構(gòu)文: $(selector).html()

要素の內(nèi)容を設(shè)定: このメソッドを使用して値を設(shè)定すると、一致するすべての要素の內(nèi)容が上書きされます。

構(gòu)文: $(selector).html(content)

パラメータ:

パラメータ説明
內(nèi)容 オプション。選択した要素の新しいコンテンツを指定します。このパラメータには HTML タグを含めることができます。

#関數(shù)を使用して要素のコンテンツを設(shè)定します。 関數(shù)を使用して、一致するすべての要素のコンテンツを設(shè)定します。

#構(gòu)文: $(selector).html(function(index,oldcontent))

パラメータ:

パラメータ説明
function(index,oldcontent) 選択された內(nèi)容を返す新しい値を指定します。要素のコンテンツ関數(shù)。
index オプション。セレクターのインデックス位置を受け取ります。
古いコンテンツ オプション。セレクターの現(xiàn)在の內(nèi)容を受け取ります。

jqueryhtml() メソッド 例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").html("Hello <b>world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">改變 p 元素的內(nèi)容</button>
</body>
</html>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します