てくてくテック

【雑学】JQueryでページの読み込み時に実行したい処理を定義する

雑学

どーも!

たかぽんです!

今回はJQueryを使ってページ読み込み時に何かしらを処理したい場合にどのように書けばいいのかを書いていこうと思います!

いまさらJQuery?って感じかもですが...

先日触る機会があったので...

それでは行ってみましょう!

JQueryでページ遷移時に処理をする

さて、早速ではありますが、ページ遷移時に処理をしたい場合、以下のように書きます...!

$(document).ready( function(){
     // ページ読み込み時に実行したい処理
});

めちゃくちゃ簡単ですね...!

この$(document).ready()は、document、つまり、DOMの準備が完了し、JSのcodeを実行しても良い状態になったら実行されるようです。

また、以下のように省略して書くことも可能です。

$(function() {
     // ページ読み込み時に実行したい処理
});

以下のjQuery公式のドキュメントにより詳細が書かれています。

まとめ

現在はあまり使われていないかもしれませんが...

jQuery、古いシステムでは残っているものもたくさんあるんだろうな...

正直筆者は技術の流行り廃りにあまり敏感ではないので、どっかでそういった歴史的なところも調べたいなぁ...

それこそなぜその技術は廃れていったのか?とか知っておいて損はなさそうですからね...

とはいっても、全くなくなるまでにはしばらくの時間はかかるでしょうし、ガッツリ書くことはなくても、読んで別の形でリプレイス...なんてことはありえると思うので、軽くキャッチアップしてみてもいいかもしれないですね...!

短かったですが、今回はこれくらいで!

それでわ!

モバイルバージョンを終了