JavaScriptメモ jQueryを使ってみる
いろいろとあって、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ソース
とりあえず、<div>タグに任意の文字列"hello world!!"を設定してみる。
htmlページはこんな感じ。
<!doctype html> <html> <!-- header --> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="jquery-2.0.0.min.js" type="text/javascript"></script> </head> <!-- body --> <body> <div id="target"></div> </body> <!-- java script --> <script language="javascript" type="text/jscript"> $('#target').html('hello world!!'); </script> </html>
で、index.htmlをFirefoxで表示してみるとこんな感じ。
このhtmlページで、気をつけるとこはこんなとこだった。
- タグ内で タグを使ってjQueryのJavaScriptソースを読み込むようにする
※読み込まなきゃ当然動かない… - <div>ダグにid属性をつける
※今回はtargetという名前にした - JavaScriptは<div>タグより後に書く
※前に書くとJavaScriptがうまく動かない
ま、出だしはこんなとこかね。
ディスカッション
コメント一覧
まだ、コメントがありません