2141 views
CDNを利用する場合
CDN(Content Delivery Network)を使用する場合は、HTMLファイル内に以下を記述する。
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
npmで利用する場合
次のコマンドを実行して、jqueryと簡易WEBサーバをインストールする。
npm install jquery
npm install -g http-server
インストールが完了すると、カレントディレクトリに次のファイルが作成される。
- node_modules
- pachkage-lock.json
同階層にindex.htmlとmain.jsを作成し、次のように記述する。
[index.html]
<html>
<head>
<meta charset="utf-8" />
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="main.js"></script>
<title>こんにちわ</title>
</head>
<body>
<p id="msg"></p>
</body>
</html>
[main.js]
$(function() {
$("#msg").text("これはjQueryからの呼び出しですよ");
});
以下のコマンドを実行することで、httpサーバを起動する。
http-server
起動した後、次のURLにアクセスし、「これはjQueryからの呼び出しですよ」が表示されればOK。
http://127.0.0.1:8080/
Page 1 of 8.
[添付ファイル]
お問い合わせ
すぺぺぺ
自己紹介
本サイトの作成者。
プログラムは趣味と勉強を兼ねて、のんびり本サイトを作っています。
フレームワークはdjango。
ChatGPTで自動プログラム作成に取り組み中。
サイト/ブログ
https://www.osumoi-stdio.com/novel/
