jquerywidth的简单介绍

jquery的width方法获取到的宽度不准确

可能是页面第一次加载后层的宽度,你再关闭再开启可能获得就是完整宽度了.

如果可以最好固定宽度.

详细需要看到你的代码

相关问答

Q1: jquery中innerwidth，outerwidth，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

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

例如：

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

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

可以使用query如下写法

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

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

Q3: 10 jquery中width和innerwidth和outwidth的区别

在jQuery中width、innerWidth、以及outerWidth的区别如下：

width：取得第一个匹配元素当前计算的宽度值。

innerWidth：获取第一个匹配元素内部区域宽度（包括内边距、不包括边框）。

outerWidth：获取第一个匹配元素外部宽度（默认包括内边距和边框）。当outerWidth的参数为true时，计算外边距。

举例如下：

HTML代码：

p这是一段测试内容/p

CSS代码：

p{

    width: 200px;

    height: 200px;

    padding: 30px;

    border: 2px solid #ccc;

    margin: 30px;

}

页面初始化结果：

布局计算图：

JavaScript代码：

console.log($('p').width());

//结果为内容宽度：200。

console.log($('p').innerWidth());

//结果为内容宽度+内边距宽度：260。

console.log($('p').outerWidth());

//结果为内容宽度+内边距宽度+边框宽度：264。

console.log($('p').outerWidth(true));

//结果为内容宽度+内边距宽度+边框宽度+外边距宽度：324。

Q4: 为什么jQuery中的$width获得的值为0

$('div').width();

$width 没有这么写的吧

如果div 没有设置宽度 且没有内容 那么宽度应该是0

如果你是利用jquery 后加入内容到div中去 计算宽度时也有可能是0；