エクスプローラ

いろいろとあって、JavaScriptでプログラミングする機会あったり。 調べてことをメモっとこっと。 とりあえず、jQueryをダウンロードしてくる。 ブラウザでjQueryのページを開く。 http://jquery.com/download/ "Download the compressed, production jQuery x.x.x"ってリンクを名前をつけて保存する。 ※IE8以下でjQueryを使う場合は1.9.xをダウンロードする(jQueryの2.xはIE8以下のブラウザは動作対象外)。 ※リンクをクリックしたらソース自体が表示されちゃったので、こうした。 今回は保存先はhtmlファイルと同じフォルダにしといた。 フォルダの内容としてはこんな感じ。 index.html ... メインにするHTMLページ jquery-2.0.0.min.js ... jQueryのJavaScriptソース とりあえず、&lt;div&gt;タグに任意の文字列"hello world!!"を設定してみる。 htmlページはこんな感じ。 &lt;!doctype html&gt; &lt;html&gt; &lt;!-- header --&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt; &lt;script src="jquery-2.0.0.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;!-- body --&gt; &lt;body&gt; &lt;div id="target"&gt;&lt;/div&gt; &lt;/body&gt; &lt;!-- java script --&gt; &lt;script language="javascript" type="text/jscript"&gt; $('#target').html('hello world!!'); &lt;/script&gt; &lt;/html&gt; で、index.htmlをFirefoxで表示してみるとこんな感じ。 このhtmlページで、気をつけるとこはこんなとこだった。 タグ内で タグを使ってjQueryのJavaScriptソースを読み込むようにする ※読み込まなきゃ当然動かない... &lt;div&gt;ダグにid属性をつける ※今回はtargetという名前にした JavaScriptは&lt;div&gt;タグより後に書く ※前に書くとJavaScriptがうまく動かない ま、出だしはこんなとこかね。

JavaScriptメモ jQueryを使ってみる