Difference between onload() and $.ready?

Question

Can you list the difference between onload() and $(document).ready(function(){..}) functions in the using jQuery?

Answer 1

onload() fires when all the content (everything) on the targeted eleement is fully loaded like CSS, images etc.

$.ready indicates that code in it need to be executed once the targeted elements content loaded and ready to be manipulated by script. It won't wait for the images to load for executing the jQuery script.

.

Ex(body onload):

Ex(onload on an element):

Ex3 ($.ready):