Hiding everything until the page has finished loading

Question

I am looking to have everything on my page hidden until the page has finished loading. I have seen many posts and tried different things. The most common solution which work

Answer 1

If I have to do it then I would do it this way:

in the css I would hide the body:

body{ display:none; }

then with jQuery:

$(window).load(function() {
    $("body").fadeIn("slow");
});

---

Although you have posted this:

$(document).ready(function() {
  $(body).css('display', 'none'); // $(body) is missing the quotes
});

you can try this:

$(document).ready(function() {
  $('body').hide();
});