人気ブログランキング | 話題のタグを見る

jQuery を使ってみた。

jQuery のソースを覗き込んでいたが、このライブラリーをどういう風に使うのか知らなかった。そこで、圧縮版のファイルをダウンロードしてきて、apache のドキュメントルート下のディレクトリに置き、jquery.js にリネームした。同じディレクトリに次のような簡単なHTML文書を作った。script タグで jquery.js を読み込むようにしただけで、後は単純なHTML文書だ。

<!doctype html>
<html>
<head>
<title>Test Page</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<h1>Hello, World</h1>
</body>
</html>

これを、Google Chrome アクセスし、Shift + Ctrl + J で、JavaScript コンソールを表示した。そうして、コマンドラインから、

$(docu_ment.body).css('backgroundColor', 'green')

と入力したら、あら不思議、背景色が緑色になってしまった。次に、

$(docu_ment.body).css('color', 'yellow').css('backgroundColor', 'red')

にしたら、レゴみたいな派手な色使いに変わった。

要するに$() でDOM要素を検索してそれに関連するjQuery オブジェクトをインスタンス化して、そのオブジェクトにメッセージを送ると、DOM要素を操作できるらしい。なんと簡単なのだろう。Haskell から JavaScript に移っても興奮しっ放しだ。こんな魔法をどうやって実現しているのかぜひ知りたいが、A4版110頁は負担が重い。
by tnomura9 | 2010-12-18 21:58 | JavaScript | Comments(0)
<< jQuery のソース あっと驚く JavaScrip... >>