jQueryの基礎jQueryによる外部ファイルの読込jQueryを用いています。例1~例4では、毎回クリックする前に「再読み込み」をしてください。先に行った結果が残るからです。子ファイルをcalled/called1.htmlとします。id="表示場所1"></div>関数A()キはア、ク・サはエでの指定が反映されています。ケ:redは子HTMLでは指定がなく、親HTMLのhead部のstyleでの指定が反映されています。scriptは引き継がれないようです)。ソ・タ:120x80.jpgは、子HTMLからは120x80.jpg、親HTMLからはcalled/120x80.jpgの相対位置にあります。親HTMLでの相対位置が有効になり、ソはエラーになりタが表示されます。例2(関数B):同上。表示場所は引数で#がついている。形式で範囲を指定します。<div>や<p>のようなタグが使えます。<html>や<body>のようなタグは使えません。'#表示場所3');maroon(ア)、teal(エ)のclassは指定範囲外なので反映されません。シ・スについても同様です。ここをクリックする以前に例1などを実行していると、その結果が残っていて反映されてしまいます。)子ファイルをcalled/text.txtとします。called/text.txt(UTF-8)の1行目です。この上に空白行があり、これは3行目です。ここで改行しています。id="表示場所5"></div>改行が無視されます。例6(関数B):同上。id="表示場所6"></pre>改行が正しく反映されます。読み込んだ内容を変数に格納して加工($.ajax)単に外部ファイルを表示するのではなく加工をしたい場合には、読み込んだ内容を変数に格納する必要があります。それには、ajax(非同期通信)という方法を用います。jQueryでは、次のように記述します。データ取得成功後の処理。i関数C();改行が正しく反映されます。例8(関数D):同上。各行データに任意の加工をする例7での加工をする部分を別関数とし、その関数を親HTMLで記述して、関数名を引数で渡すようにしました。"ここは空白行でした。'関数D1');行[0]と行[1]の内容が変わりました。例9(関数E):HTMLファイルを読み込みタグを変えるcalled/called1.htmlを読み込み、<tagA>の範囲の<h4>を<h2>に置き換え、<tagA>の範囲を表示します。});}関数E();例3と比較してください。青字になっているのは親ファイルのcssの影響です。例10(関数F):同上。例9と同じ処理を、例8のように、変更と表示を別関数で記述する形式にします。例9、例10において、読込文の変更処理を正規表現での変更に頼っています。煩雑ですし複雑な処理を行うには不適切です。jQueryを用いた記述ができるのではないかと思うのですが、未解決のままになってます。