JavaScriptライブラリjQueryその１

こんにちは、Nakajinです。

今回は、jQueryについて書いていこうと思います。

jQueryとは、少ない記述で高度な処理ができる軽量なjavaScriptライブラリです。
CSSに近い形で記述することが可能です。

通常のJavaScript

var element = document.getElementById("test");
element.style.color= "red";

jQuery

$("#test").css("color", "red");

上記のように、jQueryではシンプルな記述で書くことができます。

jQueryを使えば、アニメーション効果を簡単に表現することもできます。

$("#test2").click(function() {
    $(this).animate({width: "200px", height: '200px'}, "slow");
});

サンプル

クリックで拡大

jQueryは世界中で多く使われており、様々なプラグインも作成されています。
使っていない人は、是非使ってみるといいと思います。