【JQuery入門】環境構築の方法。

JavaScript 【JQuery入門】環境構築の方法。

jQueryはJavaScriptのライブラリです。

ライブラリを導入することで、初心者でも簡単に高度な処理が行うことができるようになります。

①「Jquery」のダウンロードページを開きます。

　〇Jquery

②「Download jQuery」をクリックします。

【JQuery入門】環境構築の方法


③「Download the compressed, production jQuery ×.×.×」で「右クリック」→「名前を付けてリンク先を保存」でダウンロードします。

【JQuery入門】環境構築の方法


④ダウンロードしたファイルは任意の場所に移動します。私はデスクトップに「jQuery」フォルダを作成して、その中にダウンロードしたjsファイルを移動させました。

⑤フォルダーを開くと、以下の赤枠をクリックして、パスを表示させます。

【JQuery入門】環境構築の方法


⑥パスをコピーして、「jQuery」を読み込ませます。

【JQuery入門】環境構築の方法


⑦以下のコードなどでhtmlファイルをブラウザで開いて、テストを行ってください。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>test</title>
</head>
<body>
<script type="text/javascript" src="C:\Users\owner\Desktop\jQuery\jquery-3.6.0.min.js"></script>
<script type="text/javascript">

$(function(){
    console.log("環境構築完了！");
    alert("こんにちは");    
})

</script>
</body>
</html>


【JQuery入門】環境構築の方法。
ツイートもチェックしよう！