2007/08/30

jQuery -Introduction

ウノウラボで jQueryの入門記事を見つけ、思わずブックマークしてしまいました。
ブックマークしただけでは意味がないので、内容を少しだけ(分かる範囲で)まとめてみようと思います。



1.名前空間を汚さない
早速意味が分かりませんが、クリーンのようです。


2.要素の選択がらくらく
これは実際に利用して思ったことです。もともとこのジャンルに特化しているかの如く簡単選択できます。


3.メソッド・チェーン
シンプルに書けるポイントみたいなものです(?)

例えば、id="message"の要素の背景色を赤に変更して、内容を'Hello!'に書き換えて表示するなんてことが下の1行で書けます。

jQuery('#message').css('background', 'red').html('Hello!').show();

4.イベント処理
よく分かりませんが、簡単に記述できた様に記憶しています。


5.Ajax
これには感動しました!!
出来たときは無駄に喜んだ気がします(講義中に:-P
AjaxでHTMLの断片をサーバからGETして、divのinnerHTMLに流し込むのは、たったの1行で書けます。これだけです。

jQuery('div#intro').load('/some/fragment.html');

6.プラグイン
確かにたくさんのプラグインがあって、いろんな事が簡単にできるのですがありすぎて何をして良いのか迷います。
Plugins | jQuery Plugins


You found the enrollment article of jQuery with [unourabo], the book marked unintentionally.
Because the book it marked, with there is no meaning, a little just (in range which understands) you try to try collecting contents.

[unourabo] Unoh Labs: If you mention the JavaScript library, jQuery (enrollment compilation)


1. The name space is not polluted
Promptly, meaning does not understand, but it seems like the cleanliness.


2. Selection of the element very easily
This really utilizing, is to think. Originally, as though you have specialized in this genre, or are, it can select simply.


3. Method chain
They are point like ones which can be written simply (?)

For example, " modifying the background color of the element of id= message " in red, contents ' Hello! 'Rewriting, you can write with some lever which it indicates with 1 lines under.
jQuery ('#message') .css ('background' and 'red') .html ('Hello!') .show ();

4. Event processing
You do not understand well, but as been able to describe easily, you have remembered.


5.Ajax
You were impressed to this!!
When being possible, the air which you rejoiced wastefully does, (while lecturing: - P

With Ajax GET doing the fragment of HTML from the server, it passed you can write the fact that it pours in to innerHTML of div, with 1 lines. Is just this.

jQuery ('div#intro') .load ('/some/fragment.html');


6. Plug in
There being many plug in certainly, it is to be able to make various thing simple but being too much, whether it is good doing what it is perplexed.
by Google Translate