JavascriptとJqueryが混在したスクリプトファイル(.js)の書き方について質問です。
Jquery自体がjavascriptで書かれており結局はjavascriptであるということは理解していますが
気になるので質問させてください。
通常、javascriptの書き方として、スクリプトやその関数定義を1つのjsファイルに書くと思いますが、
Jqueryが混在しても考えは一緒で、ただ、ページが全て読み込まれた後(要素を特定できるようにするため)に実行したい場合の
スクリプトを
$(function(){
//Jquryや通常のjavascript
});
の中にこのように書けばいいって話ですよね?
つまり1つのjsファイル内に以下のようにスクリプトを混在させた書き方でもいいのですよね?
===== script.js ======
//(1)Javaスクリプト ←jsファイルが読み込まれたら実行するスクリプト
//関数定義
function test(){
//Javaスクリプト
}
//(2)Jquery ←ページが全て読み込まれた後で実行するスクリプト
$(function(){
//Jqueryスクリプト
//Javaスクリプト
});
初歩的なことかもしれませんがすいません。
No.1ベストアンサー
- 回答日時:
こんにちは。
はい、その認識で大丈夫です。
jQueryが混在というか、jQueryというライブラリの機能を使えるようになっているのです。
なのでJavaScriptとjQueryとわけることに違和感があります。
この回答への補足
ありがとうございます。説明が下手ですいません。
jQuery→(javascriptで書かれた関数群:javascriptライブラリー)ですね。
確かに、書いているのは紛れもなくjavascriptで
その中でjQueryと呼ばれるjavascriptで書かれた関数群の関数を
利用しているだけですもんね。。
頭が混乱していました。整理ができました。
No.3
- 回答日時:
この場合のJavaScriptとjQueryは、日本語と漢字の関係に似ています。
「日本語と漢字を混在させる方法」と言うと、意味がわからなくなりますね。
漢字を使わずとも日本語は成立しますが、漢字を覚えるともっと便利に日本語が使える。という理解でどうでしょう?
No.2
- 回答日時:
そもそもjQueryスクリプトという言葉に違和感があります。
例えば、
$(function(){ ... });
という記述は紛れもないJavaScriptであり
別にjQuery専用の記述というわけではありません。
(エラーになったとしたらそれは$関数が定義されていないからでJavaScript文法上の問題では無い。)
あなたが書いているのは、(jQueryライブラリを利用した)JavaScriptなのですから、
jQueryをことさら特別視する方が違和感があります。
ありがとうございます。説明が下手ですいません。
jQuery→(javascriptで書かれた関数群:javascriptライブラリー)ですね。
確かに、書いているのは紛れもなくjavascriptで
その中でjQueryと呼ばれるjavascriptで書かれた関数群の関数を
利用しているだけですもんね。。
頭が混乱していました。整理ができました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) Pythonで、データファイルと列名ファイルを1つのファイルにしたいです。 1 2023/07/27 20:29
- その他(プログラミング・Web制作) bashのgrepで複数の検索、かつスクリプト内で改行する方法を教えてください。 1 2022/10/06 20:09
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript JavaScript?jQuery?で書き方を教えてください。 初心者です。 AAAという要素をステ 2 2023/08/04 22:09
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- UNIX・Linux redmineにメールを飛ばす方法 1 2022/09/13 22:02
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
外部ファイル名を変数で指定で...
-
【Google Apps Script】「ライ...
-
Jquery.PHPファイルのechoが表...
-
外部.jsの内容を一部置き換えて...
-
javascriptとApacheの設定
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
javascriptのalertで文字化けが...
-
外部jsファイルから本体の関数...
-
呼出したjsファイル内で他jsフ...
-
JavaScript内の関数を別のファ...
-
Dreamweaver で 外部JSを読み込...
-
<script src="">読み込まない
-
URLに変数を指定できるのか
-
複数ファイルアップロードはAja...
-
ひとつの外部ファイルに複数の...
-
条件分岐で、読み込む外部スク...
-
外部ファイルでBODYのonloadイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報