获取宽度jquery,获取宽度js

如何使用jQuery获取对象的尺寸

jqObj.width();//获取宽度，该宽度不包含border（左右）和padding（左右）所占大小

jqObj.outerWidth();//也是获取宽度，该宽度包含border（左右）和padding（左右）所占大小

//高度同理，jqObj.height() 和 jqObj.outerHeight();

//比如有下面这样一个div

div id="box" style="width:15px; height:15px; border:solid 5px #ccc; padding:3px; "

/div

var jqObj = $("#box");

jqObj.width(); //结果为 15;

jqObj.outerWidth(); //结果为  15 + 10 + 6; 

//15为width,10为border-width左右的尺寸,6为padding左右的尺寸

[img]

相关问答

Q1: JS和jquery获取各种屏幕的宽度和高度

Javascript:

网页可见区域宽：

document.body.clientWidth

网页可见区域高：

document.body.clientHeight

网页可见区域宽：

document.body.offsetWidth

(包括边线的宽)

网页可见区域高：

document.body.offsetHeight

(包括边线的高)

网页正文全文宽：

document.body.scrollWidth

网页正文全文高：

document.body.scrollHeight

网页被卷去的高：

document.body.scrollTop

网页被卷去的左：

document.body.scrollLeft

网页正文部分上：

window.screenTop

网页正文部分左：

window.screenLeft

屏幕分辨率的高：

window.screen.height

屏幕分辨率的宽：

window.screen.width

屏幕可用工作区高度：

window.screen.availHeight

屏幕可用工作区宽度：

window.screen.availWidth

JQuery:

$(document).ready(function(){

alert($(window).height());

//浏览器当前窗口可视区域高度

alert($(document).height());

//浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度

包括border

padding

margin

alert($(window).width());

//浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的宽度

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度

包括border

padding

margin

})

Q2: jquery中怎么获取当前窗口的宽度

script type="text/javascript"

$(document).ready(function()

{

alert($(window).height()); //浏览器当前窗口可视区域高度

alert($(document).height()); //浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的高度

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

}

)

/script

Q3: jquery怎么获取元素的宽度

假设有以下元素：

div id="element" width="4226"/div

则获取元素宽度的代码写成这样：

return getElementById('element').width;//返回div宽度

Q4: jquery 如何获取滚动条的宽度

获取浏览器显示区域的高度 ：

$(window).height();

获取浏览器显示区域的宽度 ：

$(window).width();

获取页面的文档高度 ：

$(document).height();

获取页面的文档宽度 ：

$(document).width();

获取滚动条到顶部的垂直高度 ：

$(document).scrollTop();

获取滚动条到左边的垂直宽度 ：

$(document).scrollLeft();

计算元素位置和偏移量：

$(id).offset();