Difference between $(window).width() vs $(document).width()

Question

What is the major difference between $(window).width() vs $(document).width() in jQuery? Whether window denotes the browser and document represents

Answer 1

Well, the window is the first thing that gets loaded into the browser. This window object has the majority of the properties like length, innerWidth, innerHeight, name, if it has been closed, its parents, and more.

What about the document object then?

The document object is your html document that will be loaded into the browser. The document actually gets loaded inside the window object and has properties available to it like title, URL, cookie, etc. What does this really mean? That means if you want to access a property for the window it is window.property, if it is document it is window.document.property which is also available in short as document.property.

So in conclusion the document could be smaller than the window.

FROM: http://eligeske.com/jquery/what-is-the-difference-between-document-and-window-objects-2/