jQueryの基本

新しくjQueryのみで表示領域を追加する

div要素の領域にテキストを表示する。cssでその形を作成。その作成したdiv要素をbody要素に表示する。
appendTo（親要素）は当てはまる要素を親要素の最後の子要素として追加する。つまり、一番下に表示するということ。

この青の枠と文字は、jQueryのみで作成されている。
※他の位置に表示するには赤本p048を参考に

$('<div></div>').text('jQueryで新しく表示した領域(div要素)')
      .css({'width':'150px','height':'150px','padding':'3px','background-color':'#00f','color':'#fff','margin': 'auto'})
      .appendTo(document.body);