基本の書き方

jqueryでreadyイベントは非推奨になった？

はい、jQuery.readyイベントは、jQuery 3.0以降では非推奨になりました。その代わりに、jQuery(function)や、$(function)といったショートカットが推奨されています。以下に例を示します。

非推奨の方法（jQuery 3.0以前のコード）：

$(document).ready(function() {
    // 実行したいコード、このコードでラップする事を推奨する。
});

推奨される方法：

$(function() {
    // 実行したいコード
});

もしくは、以下のように記述することも可能です：

$(document).on('ready', function() {
    // 実行したいコード
});

$(function () {
    $(".menu-toggle").click(function () {
        $(this).toggleClass('active');
    });
    
});

また、jQueryの代わりに純粋なJavaScriptを使用する場合は、DOMContentLoadedイベントを利用することもできます：

document.addEventListener('DOMContentLoaded', function() {
    // 実行したいコード
});

jQuery.readyが非推奨になった理由は、コードの簡潔化と最新のブラウザが提供するネイティブ機能の利用を促進するためです。