〜IT資格と転職 〜 Galaxy log

最近のブログやホームページってデザインがきれいなだけじゃなく、
ページに表示されているアイテムをマウスで動かせたり、
クリックした場所が光ったり、プルダウンでメニューが表示されたり、
動的な仕掛けづくりが大変そう・・・と、Javaのサーブレット的な動きを創造してしまいますが、
実は、コピペで作れちゃうものばかりだったりします。

そこで使われている技術が「jQuery」というもので、
javaScriptを簡単に扱うためのライブラリで、CSSに似た記述方式が採用されていて、
javaScriptの知識がないデザイナーでも扱いやすい設計となっています。

jQueryの基本構文は、

$（セレクタ）.メソッド（パラメータ）;

となっています。
？？？ですよね。

たとえば、文字サイズを15pxにしたい場合は、こう書きます。

$('p').css({font size:'15px'});

上記を単体で書くなら、CSS覚えたほうが簡単じゃん。といった感じですよね。

要素の定義もできるので、

var hoge=$('#content');
hoge.css({font size:'15px'});
hoge.text('Hello');

と入力することで、hogeという要素を使ったものは15pxで統一されるわけですね。

いや、これもCSSのような例になってしまったｗ
構文としてはこんな感じというところにとどめたかったのです。

あと、Jqueryを使うにはjQueryのサイトからJSファイルを取得して、
webサービスのスペースに保存しておく必要があります。
または、CDNを利用してコードをページに張り付けるだけという方法もあります。

導入としては、これだけ。構文の理解と、jsファイル対策。
すぐに始められます。jQuery自体はサンプルが豊富なので、技術を拝借して、
自分のやりたいことができるようにコードをカスタマイズするところから始めるといいと思います。