1// jQuery document ready
2$(document).ready(function() {
3    
4});

1$( document ).ready(function() {
2    console.log( "ready!" );
3});
4

1document.addEventListener("DOMContentLoaded", function() {
2  // code
3});

1//two ways of executing JS code after page is loaded, use "DOMContentLoaded" when able
2
3document.addEventListener("DOMContentLoaded", function(){
4    //dom is fully loaded, but maybe waiting on images & css files
5});
6
7window.addEventListener("load", function(){
8    //everything is fully loaded, don't use me if you can use DOMContentLoaded
9});

1document.addEventListener("DOMContentLoaded", function(event) { 
2  //do work
3});

1$(document).ready(function(){
2  $("button").click(function(){
3    $("p").slideToggle();
4  });
5});