jQueryの$.loadでHTMLを読み込んで表示する

下のコードは、jQueryの$.loadを使いHTMLファイルを読み込んでブラウザで結果を表示するプログラムで、test.htmlファイルをload.htmlファイルの$.loadで読み込んでdiv#contentに表示します。

test.html（読み込むHTMLファイル）

<h1>Test</h1>
<p>テストです</p>

load.html

load.htmlでは、読み込むファイルをtest.htmlにしていますが、test.txtで保存したときはload(‘test.txt’)にします。※loadは、一応、HTMLファイルを読み込むのに利用します。

<script>
$(function() {
   $('#content').load('test.html');
});
</script>

$.loadが実行されるとdiv#contentにtest.htmlの内容が表示されます。

<div id="content"></div>