質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CDN

CDNは、Webコンテンツをインターネット経由で配信するのに最適化されたネットワークを指します。Webサイトにある静的コンテンツをWebサイトが管理されているサーバーとは異なるサーバーにキャッシュし代わりに配信することで、負荷が分散し速度を向上する仕組みです。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

2回答

1479閲覧

jQueryの $ is not defined の解決策

nagi_desu

総合スコア2

CDN

CDNは、Webコンテンツをインターネット経由で配信するのに最適化されたネットワークを指します。Webサイトにある静的コンテンツをWebサイトが管理されているサーバーとは異なるサーバーにキャッシュし代わりに配信することで、負荷が分散し速度を向上する仕組みです。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/06/02 13:01

編集2020/06/02 13:43

前提・実現したいこと

イメージ説明
jQueryについて初歩的なことだと思います。
回答お願いします。

$ is not defined
というエラーが出ているのですが。

ネットで調べると、「jQueryが読み込めていない」
という結論に至りました。

ですが、テキストは青色に変化しています。
別のエラーが発生しているんでしょうか?

また

jQueryが読み込めていないというのはどういうことでしょうか?
jQueryのCDNは一番最初の<head>に入れているんですが。

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

$ is not defined

該当のソースコード

html

1<div class="hoge1"> 2 <p>このテキストが青くなります</p> 3</div>

jQuery

1$(function(){ 2 $("p").css("color","blue") 3});

試したこと

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

ツール:win10
ソフト:Brackets

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miyabi_takatsuk

2020/06/02 13:03

コードは、画像ではなく、テキストで質問本文に記載してください。
m.ts10806

2020/06/02 13:06

画像であんまり見えてないですが、jQueryと思わしきファイルが2つ読み込ませるようになっているのは何故ですか?
nagi_desu

2020/06/02 13:09

無知を晒すようで恥ずかしいのですが、 以前bootstrapを勉強していて、<body>にあるのは、その時のCDNを貼った名残だと思います。
miyabi_takatsuk

2020/06/02 13:11 編集

それはわかりました。 HTMLと、JavaScriptのコードをテキストで、質問本文に記載してください。
m.ts10806

2020/06/02 13:13

あくまでBrackets側の単体チェックかと思います。 実際にブラウザで動作させてみては?
nagi_desu

2020/06/02 13:13

失礼しました。 <div class="hoge1"> <p>このテキストは青くなります</p> </div> $(function(){ $("p").css("color","blue") }); です。
miyabi_takatsuk

2020/06/02 13:15

そこだけではなんもわかりません。 なるたけjQueryを読み込んでいる部分も含めて全体を記載してください。 あと、質問本文は修正できますので、 質問本文に記載してください。 その際は ```ここに言語を入力 ここにコード ``` とし、コードブロックになるよう記載してください
m.ts10806

2020/06/02 13:15

質問は編集できます。こちらはあくまで質問への追記修正依頼です。 あと、コードはマークダウンのcodeで(コメント欄では使えません) https://teratail.com/questions/238564
miyabi_takatsuk

2020/06/02 13:19

> あくまでBrackets側の単体チェックかと思います。 あ、なるほど、そういうことですね・・・・。 それなら、記述正しくてもエラーになる可能性はありますね・・・。
nagi_desu

2020/06/02 13:25

皆様回答してくださりありがとうございます。 miyabi様 brackets のjs エラーについて調べると、JSの単体チェックが厳しすぎるようです。 回答ありがとうございます。 次回 質問する際はm.ts10806様のリンク先を確認しておきます。 失礼しました。
miyabi_takatsuk

2020/06/02 13:28

ここは回答欄ではありません。 解決したのなら、自己解決の投稿をし、質問を閉じましょう。 あと、解決した後でも、質問文を修正することは後にこの質問を見た人のためになるので、重要ですので、 ソースコードの記載はしっかり行うことを勧めます。
m.ts10806

2020/06/02 13:29

ひとまず、質問修正してマークダウンでcode提示はしておいてもらえたらと。 「次」だと他人の空言で忘れます。
guest

回答2

0

自己解決

bracketsのJSの構文チェックが厳しいため、brackets.json というものに
コードを追記する対策をする必要がある。
詳しくはhttps://bsj-k.com/brackets-jq-error/

投稿2020/06/02 13:29

nagi_desu

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ES lintというコード分析ツールが、jQuery.jsというファイルのみを分析して、

$なんてどこにも宣言されてないよ!

っとエラーを表示しています。

webのデベロッパーツールで、コンソールを確認すれば、エラーがでていないと思いますよ。

投稿2020/06/02 13:05

hayato7

総合スコア1135

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nagi_desu

2020/06/02 13:26

解決することができました。 回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問