JavaScript(jQuery)の基本的な記述方法

こんばんわ。管理者です。

今回は、基本中の基本で、jQueryの記述方法となります。
ほんと、あまり書いたりしないんで、よく忘れるんです。。。情けない。。。

ということで、自分のためにも、記載しておきます。

まずは、基本の３タイプ。


/* ロードされて操作が可能になったタイミングで読み込む(readyよりもfunctionの方が早いみたい) */
$(function(){
    console.log("function");
});
$(document).ready(function(){
    console.log("ready");
});

/* 画像などHTMLがロードし終わったら、読み込む */
$(window).load(function () {
    console.log("load");
});

他には、


/* ウィンドウがロードした時＆リサイズされた時 */
$(window).on('load resize', function(){
     // 処理を記載
});
/* #menuがクリックされた時に、.activeを付加する */
$('#menu').on('click', function() {
  $(this).toggleClass("active");
});

この辺りも、基本なんだけど、よく忘れるんです。ダメですよね。。。