JAVASCRIPT

jquery document ready

// jQuery document ready
$(document).ready(function() {
    
});

shorthand for jquery document ready

$(function(){ 
	//jQuery code here 
});

jquery document ready

// new version
$(function () { 
  
});


//old version
$(document).ready(function() {
    
});

// jQuery Shorthand ----------------------------
$(() => {
    // ...
});

//js dom ready
document.addEventListener("DOMContentLoaded", function(event) { 
  //we ready baby
});

$(document).ready(() => {
	console.log('ready');
});

jquery document ready

The .ready() method is typically used with an anonymous function:
$( document ).ready(function() {
  // Handler for .ready() called.
});

Which is equivalent to the recommended way of calling:
$(function() {
  // Handler for .ready() called.
});

jquery document ready shorthand

// Pass jQuery to a self executing function (closure) that maps it to the dollar sign so it can't be overwritten by another library in the scope of its execution
(function( $ ){
  $.fn.myPlugin = function() {
    // Do your awesome plugin stuff here
  };
})( jQuery );

jquery document ready shorthand

jQuery(function() {
    // Code here
});

jquery document ready

 jQuery(function() {
     

     });

jquery document ready

$(document).ready(function() {
    /* code.. */
});