HTML
English [ˌeɪtʃ ti: em ˈel] US [ˌetʃtiɛmˈɛl]
abbr.ハイパーテキスト マークアップ言語 ハイパーテキスト マークアップ言語
jqueryhtml() メソッド 構文
関数: html() メソッドは、選択された要素 (内部 HTML) のコンテンツを返すか設定します。このメソッドがパラメータを設定しない場合は、選択した要素の現在のコンテンツを返します。
要素の内容を返す: このメソッドを使用して値を返す場合、最初に一致した要素の内容が返されます。
構文: $(selector).html()
要素の内容を設定: このメソッドを使用して値を設定すると、一致するすべての要素の内容が上書きされます。
構文: $(selector).html(content)
パラメータ:
| パラメータ | 説明 |
| 内容 | オプション。選択した要素の新しいコンテンツを指定します。このパラメータには HTML タグを含めることができます。 |
#関数を使用して要素のコンテンツを設定します。 関数を使用して、一致するすべての要素のコンテンツを設定します。
#構文: $(selector).html(function(index,oldcontent))
パラメータ:
| パラメータ | 説明 |
| function(index,oldcontent) | 選択された内容を返す新しい値を指定します。要素のコンテンツ関数。 |
| index | オプション。セレクターのインデックス位置を受け取ります。 |
| 古いコンテンツ | オプション。セレクターの現在の内容を受け取ります。 |
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 元素的内容</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します