jquery宽度,jquery宽度动态取值

jquery宽度自适应问题？

js语法不对没有这种写法1201 = js_width = 1500

创新互联专注于巴彦淖尔网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供巴彦淖尔营销型网站建设，巴彦淖尔网站制作、巴彦淖尔网页设计、巴彦淖尔网站官网定制、成都微信小程序服务，打造巴彦淖尔网络公司原创品牌,更为您提供巴彦淖尔网站排名全网营销落地服务。

1201 = js_width js_width = 1500

div id="oDiv" this is div tag /div如要获取id为oDiv的div标签的宽度

可以使用query如下写法

$("#oDiv").width();jquery讲义：width() 方法返回或设置匹配元素的宽度。

通过width方法取得div的宽度。

1、定义一个div节点

div id='divtest'1221/div

2、通过jquery获取宽度

$('#divtest').width();//$('#divtest')是根据id过滤器找到对应的div节点，width()是获取div的宽度

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

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

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

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

举例如下：

HTML代码：

p这是一段测试内容/p

CSS代码：

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。

分享文章：jquery宽度,jquery宽度动态取值
转载源于：http://scyanting.com/article/dsepdig.html