ページの先頭へ
トップに戻る
2017年1月13日 Web制作

GoogleにホストされているjQueryファイルを読み込む方法

jQuery公式サイトからjquery.min.jsをダウンロードして配置して読み込む…というのは割と面倒なので、手軽に使いたい人はGoogleのCDN(Content Delivery Network)を使いましょう。

Google Hosted Libraries

Google Hosted LibrariesではjQueryPrototypeMooToolsなどのライブラリが多数ホスティングされており、誰でも無料で利用可能です。

利用方法

利用したいコードを<head>内にコピペするだけでOKです。バージョンも指定できるので、用途や使いたいプラグインに合わせて指定しましょう。

jQuery 3.1.1(記事執筆時点の最新版)

jQuery 2.2.4

jQuery 1.12.4

動作確認

大丈夫だとは思いますが、一応簡単な確認コードを載せておきます。 このようにアラートが表示されれば、jQueryが正常に読み込まれています。