jquery元素宽度,jquery获取元素宽度

jquery怎么获取元素的宽度

例如：

创新互联公司2013年成立，先为越城等服务建站，越城等地企业，进行企业商务咨询服务。为越城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

div id="oDiv" this is div tag /div

如要获取id为oDiv的div标签的宽度

可以使用query如下写法

$("#oDiv").width();

jquery讲义：width() 方法返回或设置匹配元素的宽度。

jquery中innerwidth，outerwidth和width的区别是什么？

在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度，如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来，即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。同理，innerHeight方法与outerHeight方法也是用同样的方法计算相应的高度。

所以说：对于同一个元素应该是：width()=innerWidth()=outerWidth()=outerWidth(true);

再给你一个实例，前提是正确导入jQuery，即可运行。

代码中将p元素的宽度设计为200px；运行会输出200、220、240、260。

script type="text/javascript"

$(document).ready(function(){

$(".btn1").click(function(){

var obj=$("#p_obj");

alert(obj.width());

alert(obj.innerWidth());

alert(obj.outerWidth());

alert(obj.outerWidth(true));

});

});

/script

p id="p_obj" style="background-color:yellow; width:200px; padding:10px; border:10px solid blue; margin:10px;"This is a paragraph./p

button class="btn1"输出高度/button

jQuery获取元素宽高

（1）、打点 width（）        获取元素的宽

（2）、打点 height（）        获取元素的高

（3）、打点 innerWidth（）    获取包含内边距和内容区域不包含边框的宽

（4）、打点 innerHeight（）    获取包含内边距和内容区域不包含边框的高

（5）、打点 outerWidth（）    获取包含内边距、内容区域、边框的宽度

（6）、打点 outerHeight（）    获取包含内边距、内容区域、边框的高度