jQueryの$のエラーについて

jQueryについてです。

開発環境　cloud9

ファイル①
index.html

<!DOCTYPE html> <html lang ="ja"> <head> <meta charset ="utf-8"> <title>jQuery test</title> </head> <body> <div id ="box"></div> <script src = "http://code.jquery.com/jquery-3.4.1.min.js"></script> <script src= "main.js"></script> </body> </html>

ファイル②
main.js

$("#box").test("Hello jQuery");

を書いたのですが$("#box").test("Hello jQuery");の$が定義されていませんとエラーが出てきてしまいます。
どうしたら解消できるでしょうか。

kei344

2022/07/01 14:16

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

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

回答1件

ベストアンサー

$が定義されていません

ではなくて、「$(...).test is not a function」ではないですか？
testなんてメソッドはないよ・・・ということですが

投稿2022/07/01 13:13

yambejp

総合スコア114810

chiaki0814

2022/07/01 13:31

ご連絡ありがとうございます。自分で結構探したつもりでしたが間違えた理解だったのですね。ありがとうございます。ただ申し訳ございません、まだ理解できていなくて実際に出ているエラー内容が $ is not defined; please fix or add /*global $*/ というエラーが出ていて、、、コンソールを開いてもHello jQueryと出てこないんです。。。