tyoshikawa1106のブログ

- Force.com Developer Blog -

jQueryの基礎についてメモ

ドットインストールでjQueryの基礎についてやったのでメモ。

jQueryの特徴

  • JavaScriptを扱い易くするためのツール
  • 必要なライブラリをダウンロードしてHTML内で呼び出しで使用する
  • 直接サイトのリンクから呼び出す方法もある

jQueryの公式サイト

jQueryは次の公式サイトでダウンロードできる。

jQuery: The Write Less, Do More, JavaScript Library

Downloads時の注意

  • Minified(圧縮版)とUncompressed(圧縮されていない版)がある。
  • 基本的には圧縮版を使用すればいいとのこと。

jQuery使用の準備

HTMLでjQueryを呼び出すには次の処理で行う。

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

これはjQueryの公式サイトのURLを指定して使用する方法。
jquery-1.7.2.min.jsは使用するバージョンによって変更する。

ダウンロードしたものを使用する場合はURLを対象のPassに変更する。


jQueryの決まり文句

jQueryは基本的に次のように宣言する。
下記のように記載することでHTMLの読み込みが完了した後に実行されることを指定している。

<script>
$(document).ready(function() {
    // jQueryのコードはこちらに
})
</script>

(document).readyは省略可能なので、通常は次のように記載される。

<script>
$(function() {
    // jQueryのコードはこちらに
})
</script>