【jQuery】function関数とは?jQueryの中で一番見る関数だと思う。

jQueryを勉強しているとfunctionという文字をたくさん見ると思います。

これはどういう意味なのか?

解説していきます。

 

functionは関数の一つ

jQueryというライブラリに入っている関数の一つです。

コードを書くとこんな感じのやつ。

$(function(){});

この中に処理を書くことで

処理を予約状態にすることができます。

 

この関数によるメリット

jQuery( Javascript )のコードって
-読まれたらすぐに実行する
-HTML要素を操作する
場合がほとんどです。

そして一般的なHTMLコードは

<!DOCTYPE html>
<html lang="ja">
<head>
  <title>function最強ッ!</title>
  <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
 <script src="main.js"></script>
</head>
<body>
  <div class="title">
    <h1>functionが最強な件について</h1>
  </div>
</body>
</html>

って感じになると思います。

そして11行目のmain.jsファイルで
bodyの中にあるh1を回転させるとします。

すると・・・

「16行目のh1を読み込んですらいないのに
11行目でh1動かしてくれって?
無理でーすwwww」

っていう現象が起きます。
当然、ないものを読み込もうとするのでバグります。
コンピュータというものはそういうもの。

つまりmain.jsファイルのh1を回転させる処理をfunction関数で
囲えば予約状態になり・・・

htmlすべてを読み込んでから回転処理を読み込んでくれるようになります。

 

まとめ

functionはjQueryの関数の一つ。
javascriptの処理を、
HTMLすべて読み込んだ後に行うようにしてくれます。

javascriptファイルを最後に読み込むHTMLコードをよく見ますが、
「私は」不格好だと思います。
別にいいんですけどね・・。
そういった悩みを解決してくれたりする。