jQuery を使って動的で高品質なウェブサイトを構築する方法を解説しています。なるべく動くサンプルコードを記載しています。
jQuery 入門jQuery 入門
jQuery の使い方
jQuery の基礎
jQuery モバイル
jQuery UI
サンプルのテーマ変更

jQuery の拡張
関連サイト
サイト情報

jQuery の基本設定

jQuery はどのようにすれば使えるのでしょうか?

これはとても簡単です。

jQuery をダウンロードしてきて、 HTML の <script src="..." タグで取り込めば OK です。

ひとことで言えばこれだけなのですが、もう少し具体的にどこからどれをダウンロードしてきて、どれを取り込むか説明しましょう。

jQuery の入手方法

jQueryjQuery は jQuery のオフィシャルサイト (http://jquery.com/) から入手できます。

が、私のおすすめは jQuery UI (http://jqueryui.com/) をダウンロードして、それに付属の jQuery を取り込むことです。

jQuery UI というのは名前の通り jQuery をベースとして利用した UI ライブラリです。 最初は jQuery のコア機能だけを利用するつもりでも、 今時いつリッチな UI を求められるか分かりませんので、 jQuery UI も初めから用意しておいた方が、なにかと無難ではないかとおもいます。

» jQuery UI のダウンロード

ダウンロードしたファイルを展開してできた、 js フォルダと css フォルダ内の js 及び css ファイルをリンクすれば OK です。

例えば次のようになります。 (このサイトの場所の都合で改行してますが、改行は不要です)

<script 
  type='text/javascript' 
  src="js/jquery-1.5.1.min.js"></script>
<script 
  type='text/javascript'
  src="js/jquery-ui-1.8.12.custom.min.js"></script>
<link
  rel="stylesheet"
  type="text/css"
  href="css/pepper-grinder/jquery-ui-1.8.12.custom.css">

jQuery に任意で追加するものは・・・

私がこの他普段使うものに次のようなものがあります。必要に応じて取り込んでください。

BGIFRAME

IE6 ではドロップダウンボックスが全面に出てきてしまう不具合があります。BGIFRAME プラグインを利用するとそれを回避できます。 IE6 はなくなってはきましたが、念のためダイアログを使うときはこれを使っておいた方がよいでしょう。

» BGIFRAME プラグイン

JSON

JavaScript のオブジェクトを JSON にエンコードするための stringify などがないので JSON 本家から json2.js を取得しておきます。

» JSON JavaScripts

小山圭介 著者
小山 圭介
4/15/1973生
米国在住のソフトウェアエンジニア。ITコンサルタント.. »プロフィール

© 2011-2017 Keisuke Oyama jQuery 入門