Q&A
まず、やってみては？
失敗して覚えることのほうが多いです
HTMLの保存は○○.html
CSSの保存は○○.css
のようにjQueryの記述場所は○○.jsであってますか？
また反映するには<script type="text/javascript" src=""></script>を
HTMLの<haed>の一番下に入れるのであっていますか？
わかりにくい文章で申し訳ありません。
ご回答よろしくお願いします。
それに、要件次第で適切な読み込み位置や順番は変わると考えてください。これだけで全てに対応するのは無理です。
コピペで動くかどうか試してみたんですが
ダメで調べても私にはわからなかったので質問させていただきました。
位置や順番が大切なんですね！
ありがとうございます。
どういうことを試したかこの質問内容では何も伝わりません。
やったことをきちんと書いてください（質問は編集できます）
https://teratail.com/help/question-tips#questionTips3-5
回答1件
0
ベストアンサー
考え方は２つ
- .jsファイルなどに保存してscriptで呼び出す
- htmlソースの中にscriptタグで埋め込む
投稿2020/06/24 02:42
総合スコア115032
jQueryの記載位置は、html内の先頭の方がベターですが
DOMをいじる処理の場合は、DOMが形成されるのをまってから実行する工夫が必要。
そういう意味でbodyの後ろの方にかけばDOM待ちはなくなりますが
ソースとしては汚いので、あまり推奨する人はいないです
回答ありがとうございます。
コードは違うけど記載位置などの考え方としてはjavascriptと同じでいいということでしょうか？
jQueryは単なるjsのライブラリですから、jQueryのコードがjQueryライブラリをscriptタグで
読み込んだあとであれば、他のjsと同じ扱いで構いません
> ソースとしては汚いので、あまり推奨する人はいないです
これ情報ソースありますでしょうか？
最近では、レンダリングブロックリソースの削減として、
逆に、bodyの後ろの方（HTML要素が先にレンダリングされるように）に記述することが推奨される傾向にあるものと思います。
（PageSpeed Insightsなど）
jQueryは多くの場合書き出しを「$(function(){」や「$( document ).ready(function() {」から
始めるサンプルが多く、つまりページ内読み込み位置に依存しないことを意識している人が多いです。
レガシーなユーザー関数をタグのonイベントで読むときのようにjsをbodyから追い出すことが
一時期みなやっきになっていたので、ことjQueryに関して「後ろの方でよめ」と推す人を
私は見たことがありません。
yambejpさん
ありがとうございます。
私には理解できるような記事がなかったのでとても助かりました。
yambejpさん >
なるほど、確かにjQueryに関してはそうかも・・・。
今だと、async属性でやる方法もありますしね。
大変失礼しました。
むしろmiyabi_takatsukさんの指摘は的確で、いまのトレンドでは
js自体がhtmlの本体(?)になっているので、dom要素に影響しないような
読み込みが必要ですから、きちんとご指摘いただいたことは
意味があると思います。
ありがとうございます。
実は私自身、head要素にJS入れる時代の人間だったので、今のトレンドに切り替わった時はリファクタリングにえらく苦労したもので・・・。
本当に時代の移り変わりの早さを痛感します。
あなたの回答
tips
プレビュー
