When to use $(document).ready() and when $(window).load() in jQuery?

$(window).load()

Use $(window).load(), when you want the code inside it to run only once the entire page is ready (not only DOM).  It executes when the page is fully loaded, including frames, objects and images

Note: The load() method deprecated in jQuery version 1.8. It was completely removed in version 3.0. To see its working, add jQuery version for CDN before 3.0.

$(document).ready()

Use the  $(document).ready() method when you want the code inside it to run once the page DOM is ready to execute JavaScript code.

Alex Onsman

Published on 14-Dec-2017 16:28:06