element
| jQuery | JS |
|---|---|
| $(elem).width() | border-box: elem.offsetWidth - padding - border content-box: elem.offsetWidth - padding |
| $(elem).innerWidth() | elem.clientWidth + scrollbar |
| $(elem).outerWidth() | elem.offsetWidth |
window
| jQuery | JS |
|---|---|
| $(window).width() | document.documentElement.clientWidth |
| $(window).innerWidth() | document.documentElement.clientWidth |
| $(window).outerWidth() | window.innerWidth |
document
| jQuery | JS |
|---|---|
| $(document).width() | Math.max(document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.offsetWidth, document.documentElement.clientWidth) |
| $(document).innerWidth() | ↵ |
| $(document).outerWidth() | ↵ |