jquery尺寸,jquery字体大小

如何使用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左右的尺寸

相关问答

Q1: jquery如何设置浏览器窗口的尺寸??

//设置大小

//方式一：

window.resizeBy //函数，这个函数是用来设置本窗口的大小;

//方式二：

window.open //函数，可以御用open方法，去设置弹出窗口的大小;

//如果是要获取到浏览器窗口大小，那么可以采用;

//获取大小

//方式一：

document.documentElement.clientWidth；

document.documentElement.clientHeight；

//方式二：

document.documentElement.offsetWidth;

document.documentElement.offsetHeidth;

//方式一获取到的宽度和高度不包含边框的值

//方式二获取到的宽度和高度值包含边框的值

//具体的运用，还得根据实际需求来订，不过灵活运用Jquery是我们快速开发的必备技能

我们在实际的项目中会有千奇百怪的需求;不同的需求影响我们去学习新的东西;

如何在实际开发中，运用JQuery或者Javascript去限制浏览器窗口的大小呢？

Q2: jQuery有没有获取图片实际尺寸的方法

可以很明确的说，js无法得知没有标示的img标签的原图的图片大小。即使是onload完后得到的也只是图片的显示大小而已，所以你在保存图片的时候就需要把原图的大小写到img标签上，比如知乎的原图规则：

img src="" data-rawwidth="572" data-rawheight="225" class="origin_image inline-img zh-lightbox-thumb" data-original=""

其中data-rawwidth和data-rawheigth就是原图的原始宽高，但是这个数据是在用户提交表单时由后台程序分析图片的数据流得出的。