jquery获得元素的宽度，jquery获取元素宽高

jquery如何判断DIV宽度并赋值?

可以使用jquery里面的outerWidth就可以了。下面是简单的代码，仅供参考：script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth()； //获取div的宽度。 $(#div).attr(width，100px)； //给div赋值。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

一开始先要取到完整的窗体宽度。jQuery有$(window).width()\$(‘body’).width()\$(document).width()三种窗体取宽方式。你的需求要用document那种，应为可能出现滚动条，document是将滚动条计算在内的取值。根据这边取到的值。然后和1210比对。最好用parseInt()将宽度值转换成整数形式再比对。

相关问答

Q1: JavaScript或者jQuery怎样获取一个隐藏元素的宽高

你得到的是div的宽度。可以试试这样： var width=$(#test img).width()；alert(width)； 如果还不行，那可能是由于你将这个div隐藏了的原因！希望可以帮到你。

途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

)).get(0).offsetHeight； //get()方法返回了DOM元素，可以支持offsetHeight属性，（注意：get()过后返回的是普通DOM元素，已经不支持JQUERY的方法了，但是可以用JS的方法）。2：像楼上那哥们一样，$(div：eq(1)).height() ； height() 是JQUERY对象所支持的方法。

Q2: jquery中innerwidth,outerwidth和width的区别是什么?

1、window.screen.width指的是你手机或电脑屏幕的高度，无论你怎么改变浏览器高度他都是不变的，和你的屏幕分辨率相关。两者的高度是不一样的，使用js中的alert()方法打印这两个高度就会发现它们之间的差别。

2、第一类：this.width，this.attr(width)第二类：$(this).attr(width)，$(this).width()区别在于第二类写法使用了jQuery框架，否则这么写是会报错的。当然，你自己也可以创造一个这么样的写法。其运行的结果都是一样的，就是返回对象的宽度。this 是 JavaScript 中的关键字。

3、你得到的是div的宽度。可以试试这样： var width=$(#test img).width()；alert(width)； 如果还不行，那可能是由于你将这个div隐藏了的原因！希望可以帮到你。

4、jQuery： 返回 width 、 height 3-隐藏元素 Zepto.js： 无法获取宽高；jQuery： 可以获取。

Q3: jquery中innerwidth,outerwidth,outerwidth和width的区别

width() 是元素内部实际内容的宽度（不包含内边距和边框的宽度）；innerWidth() 则是上面的width()再加上内边距；outerWidth() 则是上面的innerWidth()再加上边框的宽度。

innerwidth()//获取（元素+padding的宽度）outerwidth()//获取（元素+padding+border的宽度）width()//获取元素本身宽度。

在jQuery中width、innerWidth、以及outerWidth的区别如下：width：取得第一个匹配元素当前计算的宽度值。innerWidth：获取第一个匹配元素内部区域宽度（包括内边距、不包括边框）。outerWidth：获取第一个匹配元素外部宽度（默认包括内边距和边框）。当outerWidth的参数为true时，计算外边距。

jQuery获取元素的宽度和高度 (1)，点宽度()获取元素的宽度。(2)、网点高度()获取元素的高度。(3)、点innerWidth()获取包含内边距和无边框内容的区域的宽度。(4)、点innerheight()获取包含内边距和无边框内容的区域的高度。(5)点选outerwidth()获取内部边距、内容区域和边框的宽度。

outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。在浏览器兼容方面：所有主流浏览器都支持outerWidth和outerHeight属性。注意：IE8及更早IE版本不支持该属性。

Q4: js或者jquery如何获取自适应宽度的具体值

解决宽度自适应的思路是使用jQuery来监听输入事件，进而进行动态的改变input的宽度，实现input宽度自适应的效果。

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。4： ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

就像#divstyle.width对 应#divoffsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css(width，150px)；$(id).css(height，150px)；就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。

首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

Q5: jquery获取img宽高

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

jquery获取img宽高的操作方法和步骤如下：首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

jQuery获取元素的宽度和高度 (1)，点宽度()获取元素的宽度。(2)、网点高度()获取元素的高度。(3)、点innerWidth()获取包含内边距和无边框内容的区域的宽度。(4)、点innerheight()获取包含内边距和无边框内容的区域的高度。(5)点选outerwidth()获取内部边距、内容区域和边框的宽度。

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。同时设定多个属性，则要用逗号隔开，这样即可多个属性生效。

(#preview).width()；(#preview).height()；上面这个宽和高是你看到的图片的大小，不一定是图片本身的真实尺寸（有可能在 HTML 中你设置了 width 和 height）。

关于jquery获得元素的宽度和jquery获取元素宽高的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。