jQueryまとめ

2011-09-02

19:20 |

とあるサービスでjQueryを使う事になったので、

これまで避けていたjQueryについて０から勉強する事になった。

jQueryって？

javascriptのコーディングを協力に支援するライブラリらしいです。

どうやって使うの？

ライブラリなので、最新版をDLする必要があります。

３種類あります。

１．Minified

　→　ファイルサイズが小さい。一番使われてるやつ。

２．Packed

　→　サーバ負荷を考えた場合。

３．Uncompressed

　→　ファイルサイズ大。ただし、コードは読みやすい。

サーバ上には１．をUPして、３．で勉強するのが良いみたい。

※最近のバージョンは２．が無いっぽい。

HTMLでの書き方は下記

<html lang="ja">

<head>

<script type="text/javascript" src="./jquery.js"></script>

<script type="text/javascript"> ここに書く </script>

</head>

<body>

jQueryの勉強。

</body>

</html>

get()を使う

そもそも、jQueryが必要になったのは、

phpを裏で走らせる処理をしたかったから。

get()を使うと、それが可能となるらしい。

■test.phpを用意する

表示されればOK

■jQuerytest.htmlを用意する

<html lang="ja">

<head>

<script type="text/javascript" src="./jquery.js"></script>

$.get("test.php", function(data){ alert("Data Loaded: " + data); }); </script>

</head>

<body>

jQueryの勉強。

</body>

</html>

以上を同じディレクトリに配置してjQuerytest.htmlを叩くと、

アラートで「表示されればOK」が出るはずです。

こんな感じで、javascriptでphpを呼び出せるというわけでした。

get()について詳しくはこっち

http://api.jquery.com/jQuery.get/

理解した。てか、思い出したorz

参考文献

本家サイト　http://jquery.com/

日本語の協力なまとめ　http://semooh.jp/jquery/

※ありがとうございました！

コメントを書く

トラックバック - http://d.hatena.ne.jp/kunshiro/20110902/1314958833

リンク元

		2011/09
日	月	火	水	木	金	土
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30