jquery on start code example

Example 1: on change jquery

You can apply any one approach:

$("#Input_Id").change(function(){   // 1st
    // do your code here
    // When your element is already rendered
});


$("#Input_Id").on('change', function(){    // 2nd (A)
    // do your code here
    // It will specifically called on change of your element
});

$("body").on('change', '#Input_Id', function(){    // 2nd (B)
    // do your code here
    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});

Example 2: document ready without jquery

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

Example 3: jquery doc ready

// A jQuery( document ).ready() block.
jQuery( document ).ready(function() {
    console.log( "ready!" );
});

Example 4: ondocumentready

// A $( document ).ready() block.
$( document ).ready(function() {
    console.log( "ready!" );
});