jQueryで非同期通信 その1

今日みたいな爽やかな春の日は、jQueryリファレンスを読みながら
ふっと物思いにふけりたくなりますよね。


(ならねーよ!と言う心のツッコミありがとうございます)


そんなわけでjQueryの非同期通信について書いてみたい。
核心に入る前にまずはjQueryの基本的な解説でもしてみよう。

jQueryはスタイルシートっぽいのだ。
jQueryでのHTMLエレメントの参照はこんなふう。

<div id="camcam">CamCam</div>
だと
$("#camcam")
 
<div class="camcam">CamCam</div>
だと
$(".camcam")
 
HTMLタグの参照は
<form></form>
だと
$("form")
な感じで、idの場合は#、classの場合は . のように、
スタイルシートの呼び出し方と同じなのです。

<div id="camcam">CamCam</div>
 
が、クリックされた時アラートを出せ!と言う場合は
 
$("#camcam").click(function() {
	alert("くりっくすんじゃねぇ〜");
}
 
という風になります。

CamCam←クリックしてみて

長くなりそうなので今日はここまで。

(もう終わりかよ!と言う心のツッコミありがとうございます)




You might also like

4 Comments

  • Kawa

    4月 th, 2010 4:35 PM

    これは期待できそう。
    次回連載を楽しみにしています♪
  • かむ

    4月 th, 2010 1:34 PM

    Kawaさん
    はいよ〜!
    細かいところは端折ってるけどいいよね?汗
  • Prince

    4月 th, 2010 11:05 PM

    最近jQueryを勉強し始めたところなので、
    次回からも個人的に期待してます。
  • かむ

    4月 th, 2010 12:57 PM

    Prince
    Javascriptはおもろいぞ。
    覚え書きで済まそうと思ったけど方向転換しようかな…

Leave Your Comment