jQuery Mobile インストール

jQuery Mobile をウェブページに追加

jQuery Mobile をウェブサイトに使用するための方法がいくつかあります。以下の方法を選択してください:

  • CDN から jQuery Mobile(推奨)
  • jQuerymobile.com から jQuery Mobile ライブラリをダウンロード

CDN から jQuery Mobile を参照

ヒント:CDN(Content Delivery Network)は、一般的なファイルをウェブ上で配信し、ユーザーのダウンロード速度を高速化するために使用されます。

jQuery と同様に、コンピュータにプログラムをインストールする必要はありません;以下のスタイルシートと JavaScript ライブラリを HTML ページで直接参照するだけで、jQuery Mobile が動作します:

jQuery Mobile CDN:

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

自分で試してみてください

jQuery Mobile をダウンロードしてください

サーバー上に jQuery Mobile を保存したい場合は、以下から jQuerymobile.com ファイルをダウンロードしてください。

<head>
<link rel=stylesheet href=jquery.mobile-1.3.2.css>
<script src=jquery.js></script>
<script src=jquery.mobile-1.3.2.js></script>
</head>

ヒント:ダウンロードしたファイルを、使用したいフォルダーに配置してください。

ヒント:なぜ <script> タグに type="text/javascript" 属性がないのか不思議に思わないですか?

HTML5 ではこの属性は必須ではありません。JavaScript は HTML5 およびすべての現代ブラウザでのデフォルトのスクリプト言語です!