jqueryの読み込みができているか確認する方法

前提・実現したいこと

下記コードで正しいのかと、jqueryの読み込みができているか確認する方法が知りたいです。
ちなみに、htmlファイルとjqueryは同じフォルダに保存してある前提です。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>jquery</title>
6  <script type="text/javascript" src="jquery-3.4.1.min.js">
7  </script>
8</head>
9<body>
10</body>
11</html>
12

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>jquery</title>
6  <script type="text/javascript" src="jquery-3.4.1.min.js">
7  $(function(){ // if document is ready
8  alert('jQuery is ready.')
9　});
10</script>
11</head>
12<body>
13</body>
14</html>

行動規範の内容に同意します

回答2件

ベストアンサー

下記のように読み込まれたらalertを出すのをしてみるといいかもしれないです。
jQueryが読み込まれてないと、「$ is not defined」が発生すると思います。

html
1<script>
2$(function(){ // if document is ready
3  alert('jQuery is ready.')
4});
5</script>

投稿2019/06/22 10:01

fumito_94

総合スコア679

chii1205

2019/06/22 10:05

質問のコードに教えていただいたものを入力してもアラートは表示されませんが、検証ツールで見てもエラーは出ていません。これはどういうことなのでしょうか。

fumito_94

2019/06/22 10:16

どのように書いていますでしょうか？

fumito_94

2019/06/22 10:43

こちら手元で試したところ上記の方法でいけました！もしかしたら記入している場所が間違っていたりするかもしれませんので、コードを見せていただけると幸いです！

chii1205

2019/06/22 10:51

補足部分に書き込みました。確認お願いします。

fumito_94

2019/06/22 11:03 編集

jqueryを読み込んでいるscriptとは別で定義してみてください！

shinami

2019/06/22 12:38

jquery-3.4.1.min.jsファイルがhtmlと同じフォルダで <script type="text/javascript" src="jquery-3.4.1.min.js"></script> <script type="text/javascript"> $(function(){ // if document is ready alert('jQuery is ready.') 　}); </script> でアラートが出ないなら 1.ブラウザのJavaScriptが無効になっているとか？ 2.<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> で直接JQueryを使ってみるとか？ 3.本文に <div id="kakure">表示です</div> ヘッダーに <style>#kakure {display: none;} </style> <script>のアラートの次にでも $("#kakure").slideDown("slow"); を入れて別のJQueryが使えるか？

fumito_94

2019/06/22 14:00

shinamiさん補足していただきありがとうございます！

chii1205

2019/06/26 09:17

shinamiさんのコードでアラートを表示させることができました。ありがとうございました。

fumito_94

2019/06/26 09:24 編集

chii1205さん解決できてよかったです！

行動規範の内容に同意します

コードを書かなくても<script>で読み込ませる記述を書いて、ブラウザ開発ツールのコンソールに404エラーが出ていなければ「読み込めている」と言えるのではと。
それを「読み込んだバージョンのjQueryが"利用できるか"」は別問題ですね。
読み込みだけが心配ならローカルにダウンロードしてくるよりCDNが確実と思います（オフライン環境では読み込めませんが）

投稿2019/06/23 01:06