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

• Related Questions & Answers
• What is the difference between $(window).load() and $(document).ready() functions in jQuery?
• What are jQuery events .load(), .ready(), .unload()?
• What is $(document).ready() method in jQuery?
• What is $(window).load() method in jQuery?
• When to use an abstract class and when to use an interface in Java?
• When to use inline function and when not to use it in C/C++?
• When to use MyISAM and InnoDB?
• When should I use an Inline script and when to use external JavaScript file?
• When and how to use document.write() in javascript?
• When to use new operator in C++ and when it should not be used?
• When to use tuples in C#?
• jQuery ready() with Examples
• Execute a script when the media is ready to start playing in HTML?
• Execute a script when a file is ready to start playing in HTML?
• When to use anonymous JavaScript functions?