why do we use document ready function in jquery code example

Example 1: jquery document ready

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

Example 2: document ready without jquery

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