Can you have multiple $(document).ready(function(){ … }); sections?

Question

If I have a lot of functions on startup do they all have to be under one single:

$(document).ready(function() {

or can I have multiple such

Answer 1

You can use multiple. But you can also use multiple functions inside one document.ready as well:

$(document).ready(function() {
    // Jquery
    $('.hide').hide();
    $('.test').each(function() {
       $(this).fadeIn();
    });

    // Reqular JS
    function test(word) {
       alert(word);
    }
    test('hello!');
});