jquery：html()

上記のプログラムは下記から構成されています。

これは.text()の事例を.html()に置き換えた事例となっています。

<p class='taget'>初期値のテキストです</p>
<button type='button' class='get' style='margin-top:10px;'>取得</button>
<button type='button' class='up_date'style='margin-top:10px;' >更新</button>
<button type='button' class='reset' style='margin-top:10px;'>リセット</button>
<div class='msg' style='color:red;'></div>
<script>
	$(function(){
		$('.get').click(function(){
			var get_text = $('.taget').html(); // テキストデータを取得しています。
			$('.msg').html('<取得テキスト><br>' + get_text);　// テキストデータを書き込んでいます
		});
		$('.up_date').click(function(){
			$('.taget').html('更新されたテキストです'); // テキストデータを更新しています
			$('.msg').html(''); // テキストデータを削除しています。
		});
    $('.reset').click(function(){
      $('.taget').html('初期値のテキストです');
      $('.msg').html('');
    });
	});
</script>

■テキストデータの処理は下記になります

・取得：9行目

・書込：10行目（改行を入れて2行で書いています）

・更新：13行目

・削除：14行目