jquery获取设备的宽度，jquery获取元素高度宽度

如何用jquery实现实时监控浏览器宽度

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

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

3、屏幕的可用宽度。也就是屏幕的宽度减去左右任务栏，可以表示为软件最大化时的宽度。任务栏高度/宽度：用屏幕高度/宽度减去屏幕可用高度/宽度即可得到。例如任务栏高度=screen.height-screen.availheight。Window.outerHeight：浏览器的高度。Window.outerWidth：浏览器宽度。

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

5、接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。然后，完成上述步骤后，要同时设置多个属性，请使用逗号分隔多个属性，如下图所示。随后，完成上述步骤后，打开hbuilder上方的浏览器小图标并开始预览，如下图所示。

相关问答

Q1: jquery获取img宽高

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

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

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

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

5、通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码：在我的js代码中，也采取了这种写法。

Q2: jQuery如何获取指定的属性值?

在jQuery输入元素表达式属性名即可得到。如：$(#textId).attr(width)是获取Id为textId的控件的width属性。$(.className).attr(width)是获取包含class名为className的控件的width属性。$([name=textName]).attr(width)是获取name为textName的控件的width属性。

A、prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。在index.html中的标签中，输入js代码：$(body).append($(body).css(z-index))；。浏览器运行index.html页面，此时成功打印出了z-index的值。

编写基础的HTML文档。使用.val()获取值。保存文件，查看属性选择器获取的值。然后在script里添加一个function，按钮事件的函数。使用jquery的 attr方法来设置属性就行了，参数第一个是要添加的属性名，第二个就是属性的值。这里我们为div添加一个id属性。

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

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

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

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

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

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

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