« 噂のKENT本 | Main | AjaxとIf-Modified-Since »

Monday, August 07, 2006

jQueryスバラシス

仕事でJavaScriptを使う際に色々ライブラリを見て,一番良さそうだったのがjQuery.
普段ほとんどJavaScriptは使わないのだけど,使い始めてみるとこれがなかなかおもしろい.

prototype.jsのように実績がいっぱいあるわけではないけど,やりたいことをコンパクトに書けるところが良い.
Perlも短くコードを書けるけど,それに似ているから好きなのかも.

その上,JavaScriptコードをHTMLの中に埋め込まなくて良いのが素敵.
CGIとHTMLを分離するように,HTMLの中でJavaScript部分とHTML部分をうまく分離できる.

AJAXで「Hello World!」

で紹介されていたサンプルを見ると激しく長いけど,jQueryなら1行だし.

■コードを分離しない場合

<script type="text/javascript">
 function sayHello(){
  $("#result").load("helloworld.html");
 }
</script>
<body>
 <a href="javascript:sayHello();">Say Hello</a><br />
 <span id="result"></span>
</body>

■コードを分離する場合

<script language="JavaScript" type="text/javascript">
 $(document).ready(function(){
  $("#hello").click(function(){
   $("#result").load("helloworld.html");
   return false;
  });
 });
</script>
<body>
 <a href="" id="hello">Say Hello</a><br />
 <span id="result"></span>
</body>

|

« 噂のKENT本 | Main | AjaxとIf-Modified-Since »

Comments

Post a comment



(Not displayed with comment.)


Comments are moderated, and will not appear on this weblog until the author has approved them.



« 噂のKENT本 | Main | AjaxとIf-Modified-Since »