jQuery textメソッド・htmlメソッド

■textメソッド

　HTMLそのものを変更することが出来る

　$('セレクタ').text('書き換える文字列');

　$('p').text('こんにちは');　　<p>こんにちは</p>　と同義になる

　textメソッドの引数は、単なる文字列と認識される

　<h1>タグもそのまま文字列としてブラウザに表示

■htmlメソッド

　要素の中身のHTMLを書き換えることが出来る

　$('セレクタ').html('書き換える文字列');

　　$('p').text('こんにちは');　　<p>こんにちは</p>　と同義になる

　HTMLタグを追加することもできる

　例）$('p').html('<h1>書き換える文字列</h1>');

htmlメソッドの引数は、単なる文字列ではなくHTMLのタグと認識される

　HTMLタグでリンク先を追加

例）$('#text').html('<タブ>書き換える文字列<タブ>');

　　$('#text').html('<a href="https://prog-8.com/">文字列</a>');

html

<p>Hello</p>

script.js

①textメソッド

$('p').text('<h1>こんにちは</h1>');

<h1>タグが文字列と認識される

②htmlメソッド

$('p').html('<h1>こんにちは</h1>');

　<h1>タグがHTMLタグと認識される

③htmlメソッド（リンク先を追加）

$('#text').html('<a href="https://prog-8.com/">リンク先</a>');

   <a>タグがHTMLタグと認識される

画面表示

Hello

↓に変更

①<h1>こんにちは</h1>

②こんにちは

③リンク先