【JavaScript】 復習

windowオブジェクト

https://hakuhin.jp/js/window.html

use strictを使う意味

https://analogic.jp/use-strict/

(function ($) {
    'use strict';

    [中略]

})(jQuery);

onメソッド

https://qiita.com/katsunory/items/7b50d399329767a893e1

.on( events [, selector ] [, data ], handler )

    // :: Preloader Active Code
    $window.on('load', function () {
        $('#preloader').fadeOut('slow', function () {
            $(this).remove();
        });
    });

windowに対して処理を設定

selectorでイベントデリゲート

に対して処理を設定

$("ul").on("click","li",function(){
    alert($(this).text());
});

Active.js

    // :: Gallery Menu Style Active Code
    $('.portfolio-menu button.btn').on('click', function () {
        $('.portfolio-menu button.btn').removeClass('active');
        $(this).addClass('active');
    })

class=".portfolio-menu button.btn"が付いた要素を対象に
処理を設定し、
クリックされた時に発火。
class=".portfolio-menu button.btn"が付いた要素から
activeクラスをremoveする。 this要素から
activeクラスをremoveする。