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

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

相关问答

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

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

可以使用query如下写法

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

Q2: jQuery获取元素宽高

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

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

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

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

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

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

Q3: jquery获取img宽高

jquery获取img宽高的操作方法和步骤如下：

1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。

2、其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。

3、接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

4、然后，完成上述步骤后，要同时设置多个属性，请使用逗号分隔多个属性，如下图所示。

5、随后，完成上述步骤后，打开hbuilder上方的浏览器小图标并开始预览，如下图所示。

6、最后，完成上述步骤后，观看效果，如下图所示。这样，问题就解决了。