jQuery公式サイトからjquery.min.jsをダウンロードして配置して読み込む…というのは割と面倒なので、手軽に使いたい人はGoogleのCDN(Content Delivery Network)を使いましょう。
Google Hosted LibrariesではjQueryやPrototype、MooToolsなどのライブラリが多数ホスティングされており、誰でも無料で利用可能です。
利用したいコードを<head>内にコピペするだけでOKです。バージョンも指定できるので、用途や使いたいプラグインに合わせて指定しましょう。
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> |
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> |
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> |
大丈夫だとは思いますが、一応簡単な確認コードを載せておきます。
1 2 3 4 5 |
<script> $(document).ready(function(){ alert("jQuery読み込み完了!"); }); </script> |
このようにアラートが表示されれば、jQueryが正常に読み込まれています。