jqueryの入門の入門 始める前に

jqueryに興味をもったけどまだ何もはじめていない方へ

jquery公式サイト

jqueryとは

javascriptで書かれているライブラリで、このライブラリを読みこめば、簡単な記述で
Webページにさまざまな効果を与えることができます。

例えば、1行目でjqueryのライブラリを読み込んで、次の行からjqueryを使ってのコードを書いていきます。

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("セレクタ").jqueryの命令文 
});
</script>

minとUIの違い

min
jqueryのソースコードをサイトからダウンロードすると、jquery-1.?.?.min.jsがダウンロードされます。
Minifiedと呼ばれる方法で、改行や、コメント、空白を削除して圧縮されています。普通に使う場合はこれを使います。

書き換えて使ったりする非圧縮のソースコードが必要な人は、
サイトでDEVELOPMENTにチェックをつけてDownloadをクリックすれば、非圧縮のソースコードが得れます。
javascriptのプロのコードを読みたい方にもお勧めです。

UI
jqueryを拡張し、プラウザ間で互換性を確認したプラグインが初めから入っているライブラリです。
Webページに他にもさまざまな効果を入れたいという方は、UIを
1.8での効果を解説

外部サーバーからコードを持ってくる

jqueryのライブラリを組み込むときに、googleやMicrosoftからコードを持ってくることもできます。
そうすることで、より早くホームページを表示させることができるようになります。

jquery1.51を読み込む場合

googleAPI

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.5.1');</script>
<script type="text/javascript">
$(function(){
$("セレクタ").jqueryの命令文 
});
</script>

MicrosoftAPI

 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.5.1.js" 
type="text/javascript"></script> 
<script type="text/javascript">
$(function(){
$("セレクタ").jqueryの命令文 
});
</script>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です