brackets でjqueryを使うとき$ is not defined とでる

html
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="UTF-8">
6    <title>三菱重工</title>
7    <link rel="stylesheet" href="./css/styles.css">
8    <link rel="stylesheet" href="./css/responsive.css">
9    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
10    <script src="js/jquery-3.3.1.min.js"></script>
11    <meta name="viewport" content="width=device-width,initial-scale=1">
12    <link rel="stylesheet" href="./slick-1.8.1/slick/slick.css">
13    <link rel="stylesheet" href="./slick-1.8.1/slick/slick-theme.css">
14</head>
15
16<body>
17    <header class="header-wide">
18        <div class="container">
19            <div class="header-logo hover">
20                <img src="./img/logo_jp.svg" alt="">
21            </div>
22            <div class="header-menu">
23                <div class="header-menu-top">
24                    <ul>
25                        <li>検索</li>
26                        <li>ニュース</li>
27                        <li>採用情報</li>
28                        <li>GLOBAL SITE</li>
29                    </ul>
30                </div>
31                <div class="header-menu-bottom">
32                    <ul>
33                        <li>企業情報</li>
34                        <li>実績紹介</li>
35                        <li>製品情報</li>
36                        <li>CSR</li>
37                        <li>IR情報</li>
38                        <li>グローバルネットワーク</li>
39                    </ul>
40                </div>
41            </div>
42            <div class="header-left">
43                <img src="./img/head_mhigroup_logo.svg" alt="">
44            </div>
45
46
47        </div>
48    </header>
49    <header class="header-small">
50        <div class="header-logo hover">
51            <img src="./img/logo_jp.svg" alt="">
52        </div>
53    </header>
54    <section class="slider-large">
55        <div class="container">
56            <div><img class="hover" src="./img/index_reds_kv_01.png" alt=""></div>
57            <div><img class="hover" src="./img/index_mtwf_kv_01_1.png" alt=""></div>
58            <div><img class="hover" src="./img/kv_spectra_01j.jpg" alt=""></div>
59        </div>
60    </section>
61    <section class="slider-small">
62        <div class="container">
63            <div><img class="hover" src="./img/index_reds_kv_02.png" alt=""></div>
64            <div><img class="hover" src="./img/index_mtwf_kv_02_2.png" alt=""></div>
65            <div><img class="hover" src="./img/kv_spectra_02j.jpg" alt=""></div>
66        </div>
67    </section>
68    <section class="news">
69        <div class="container">
70            <h1>ニュース</h1>
71            <table>
72                <tr class="hover">
73                    <td class="news-time ">
74                        <p>2043-12-04</p>
75                    </td>
76                    <td class="news-article ">
77                        <h1>三菱日立パワーシステムズ株式会社</h1>
78                        <p>中船重工龍江広瀚燃気輪機（GHGT）とH-25形ガスタービンの技術ライセンス契約（TLA）を締結</p>
79                    </td>
80                </tr>
81                <tr class="hover">
82                    <td class="news-time ">
83                        <p>2030-04-04</p>
84                    </td>
85                    <td class="news-article ">
86                        <h1>三菱日立パワーシステムズ株式会社</h1>
87                        <p>中国・珠海市（広東省）の分散型発電所向けにH-25形ガスタービン2基受注華潤電力グループの12万kW級天然ガス焚きGTCCプロジェクトで</p>
88                    </td>
89                </tr>
90                <tr class="hover">
91                    <td class="news-time">
92                        <p>2019-04-04</p>
93                    </td>
94                    <td class="news-article">
95                        <h1>三菱日立パワーシステムズ株式会社</h1>
96                        <p>中船重工龍江広瀚燃気輪機（GHGT）とH-25形ガスタービンの技術ライセンス契約（TLA）を締結</p>
97                    </td>
98                </tr>
99                <tr class="hover">
100                    <td class="news-time">
101                        <p>2024-01-28</p>
102                    </td>
103                    <td class="news-article">
104                        <h1>三菱日立パワーシステムズ株式会社</h1>
105                        <p>中船重工龍江広瀚燃気輪機（GHGT）とH-25形ガスタービンの技術ライセンス契約（TLA）を締結</p>
106                    </td>
107                </tr>
108                <tr class="hover">
109                    <td class="news-time">
110                        <p>2020-04-04</p>
111                    </td>
112                    <td class="news-article">
113                        <h1>三菱重工業株式会社</h1>
114                        <p>人事異動</p>
115                    </td>
116                </tr>
117                <tr class="hover">
118                    <td class="news-time">
119                        <p>2019-04-24</p>
120                    </td>
121                    <td class="news-article">
122                        <h1>Primetals Technologies, Ltd.</h1>
123                        <p>英国のタタ・スチール・ポートタルボット製鉄所向け高炉改修工事が完工、稼働を開始</p>
124                    </td>
125                </tr>
126            </table>
127            <h1>重要なお知らせ</h1>
128            <table>
129                <tr class="hover">
130                    <td class="news-time">
131                        <p>2030-04-04</p>
132                    </td>
133                    <td class="news-article">
134                        <p>第21回および第22回「CSR委員会」の開催について</p>
135                    </td>
136                </tr>
137                <tr class="hover">
138                    <td class="news-time">
139                        <p>2019-04-04</p>
140                    </td>
141                    <td class="news-article">
142                        <p>第7回 原子力安全推進委員会　ステアリングコミッティ議事録</p>
143                    </td>
144                </tr>
145                <tr class="hover">
146                    <td class="news-time">
147                        <p>2024-01-28</p>
148                    </td>
149                    <td class="news-article">
150                        <h1>三菱ロジスネクスト株式会社</h1>
151                        <p>フォークリフト用アスベスト含有補修用部品の出荷について</p>
152                    </td>
153                </tr>
154            </table>
155        </div>
156    </section>
157    <section class="recruit">
158        <div class="container">
159            <h1>採用情報</h1>
160            <p>陸・海・空、そして宇宙に、あなたの力を発揮できる舞台があります。</p>
161            <a href="" class="btn">詳しく見る<i class="fas fa-angle-right"></i></a>
162
163        </div>
164    </section>
165    <section class="global-network">
166        <div class="container">
167            <h1>グローバルネットワーク</h1>
168            <p>世界300社以上のグループ会社、陸・海・空、そして宇宙で、活動しています。</p>
169            <a href="" class="btn">詳しく見る<i class="fas fa-angle-right"></i></a>
170
171        </div>
172    </section>
173    <section class="about">
174        <div class="container">
175            <h1>三菱重工グループについて</h1>
176            <p>三菱重工グループは、エンジニアリングとものづくりのグローバルリーダーとして、
177                民間航空、輸送、発電所、ガスタービン、機械、インフラから防衛・宇宙システムにいたる幅広い産業で、
178                最先端の技術や高いインテグレーション能力により、
179                様々な高い技術力で統合したソリューションを提供しています。</p>
180            <a href="" class="btn2 hover">詳しく見る<i class="fas fa-angle-right"></i></a>
181        </div>
182    </section>
183    <footer class="footer-large">
184        <div class="container">
185            <div class="media">
186                <p>FOLLOW US:<i class="fab fa-youtube hover"></i><i class="fab fa-linkedin-in hover"></i><i class="fas fa-rss hover"></i></p>
187            </div>
188            <div class="footer-large-menu">
189                <ul>
190                    <li>サイトマップ</li>
191                    <li>サイトのご利用条件</li>
192                    <li>個人情報保護方針</li>
193                    <li>お問い合わせ</li>
194                    <li>SPECTRA(英語)</li>
195                </ul>
196            </div>
197            <div>
198                <p>© MITSUBISHI HEAVY INDUSTRIES, LTD.</p>
199            </div>
200        </div>
201    </footer>
202    <footer class="footer-small">
203        <div class="container">
204
205        </div>
206    </footer>
207
208    <script src="js/script.js"></script>
209    <script src="slick-1.8.1/slick/slick.min.js"></script>
210</body></html>
211```javascript
212$(function(){
213    $('.slider-large').find('.container').slick({
214        autoplay:true,
215    autoplaySpeed:500,
216        dots:true,
217        arrows:false,
218    });
219    $('.slider-small').find('.container').slick({
220        autoplay:true,
221    autoplaySpeed:500,
222        dots:true,
223        arrows:false,
224    });
225    $('.btn').hover(function(){
226        $(this).css('color','black');
227        
228        $(this).find('i').css('color','red');
229    },function(){
230        
231        
232        $(this).find('i').css('color','white');
233        $(this).css('color','white');
234    });
235});![![イメージ説明](90efec91c0714bc09e578ca3756630e7.png)](e8745df85eb27de1126ce7da24c22c03.png)
236```### 前提・実現したいこと
237brackets でjqueryを書くとき$is not defined と出てしまうのがうるさいのでこのエラーコードを消したいです
238$を打つたびこのエラーが出てきます
239拡張機能はjshintを入れています
240３時間位ググったのですがわかりません（泣）
241コード自体はうまく動作するのですがbrackets内でのエラーが消えません
242### 発生している問題・エラーメッセージ
243

$is not defined

        $('a').css('color','white');

### 該当のソースコード

javasctipt jquery

    $(function(){
    $(this).find('i').css('color','white');
});

試したこと

googleで３時間位調べた。

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

jshintを入れてます

m.ts10806

2019/04/05 08:15

jQuery本体の読み込み記述はあるのでしょうか。 html含めて全体の流れがわかるようにコードをマークダウンでご提示願います。 ※調べた時間ではなく調べた内容をご提示ください。

kudo681dx

2019/04/05 08:31

jQUeryは読み込んでますこーどを追加しました

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

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

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

brackets でjqueryを使うとき$ is not defined とでる

試したこと

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

関連した質問