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)
|
カテゴリ
新型コロナウイルス 主インデックス Haskell 記事リスト 圏論記事リスト 考えるということのリスト 考えるということ ラッセルのパラドックス Haskell Prelude Ocaml ボーカロイド 圏論 jQuery デモ HTML Python ツールボックス XAMPP Ruby ubuntu WordPress 脳の話 話のネタ リンク 幸福論 キリスト教 心の話 メモ 電子カルテ Dojo JavaScript C# NetWalker ed と sed HTML Raspberry Pi C 言語 命題論理 以前の記事
最新のトラックバック
最新のコメント
ファン
記事ランキング
ブログジャンル
画像一覧
|
ファン申請 |
||