jQueryダウンロードのやり方

スポンサーリンク

はじめに

JavaScriptのライブラリであるjQueryをオフラインでも使用するには
jQuery本体をダウンロードする必要があります。

ただjQueryのダウンロードページに飛んでクリックしても
このページが出てきてしまい、一向にダウンロード出来ない

f:id:shangtian:20190302112024p:plain

ダウンロードのやり方

f:id:shangtian:20190302105654g:plain

まずjQueryの公式ホームページに飛びます。

jquery.com

ダウンロードボタンをクリックして

f:id:shangtian:20190302111742p:plain

最新版のjQueryを選び右クリックします。

f:id:shangtian:20190302111700p:plain

リンク先を別名で保存をクリック。 f:id:shangtian:20190302111628p:plain      保存先を指定して保存をクリック。

f:id:shangtian:20190302111450p:plain

ライブラリを読み込む

あとはiQueryを読み込めば使えるようになります。 ヘッダー部分に

<head>
   <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</head>

と書けば使えるようになる。

ためしにhelloと書いてみる。

<html>
    <head>
        <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
        <script>
            $(function() {
                $('#wrap').html();
                $('#wrap').append('<p>Hello !!</p>');
            });
        </script>
    </head>
    <body>
        <div id="wrap"></div>
    </body>
</html>

f:id:shangtian:20190302160825p:plain