jquery获取图片宽度为0，jquery获取元素高度宽度

js和jquery如何获取图片真实的宽度和高度_javascript技巧

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

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

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

相关问答

Q1: jquery动态获取图片高度与宽度

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

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

3、data-original=http：//piczhimg.com/45e64ea2f624418ab0ce2aad95bf6762_r.jpg 其中data-rawwidth和data-rawheigth就是原图的原始宽高，但是这个数据是在用户提交表单时由后台程序分析图片的数据流得出的。

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

5、只有在DOM元素被渲染了之后，才能获取元素实际的宽高。换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。

6、几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

Q2: JQUERY获取隐藏DIV里面图片的宽高

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

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

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

因为你代码中有两个id，实际渲染的时候只保留了第一个id，所以没有找到id为aaa的元素。所以用id的时候返回null。

Q3: 如何解决谷歌浏览器下jquery无法获取图片的尺寸_jquery

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

2、(document).ready事件的解析顺序是在文档准备就绪，单文档中的图片等对象正在下载的时候开始运行的。所以在获取图片宽度时可能图片还没加载。要用$(window).load，它可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。

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

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

Q4: jquery怎么设置图片的大小

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

在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。

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

然后加载jquery文件；开始写效果代码。

Q5: 在用Jquery或者js获取一个弹出的div的时候,有时候获取到的width()是...

图片的加载并不像div这类元素是已经加载完成后才调用的，图片是在页面加载后一直在加载，没有加载完成，当然是取不到值。应判断图片加载是否完成，用load事件。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

因为你代码中有两个id，实际渲染的时候只保留了第一个id，所以没有找到id为aaa的元素。所以用id的时候返回null。

或者你可以给元素添加类，如图，我就加了一个bd类。然后我们这样$(.bd)也是可以得到div元素的哦，注意类名是需要一个点的哦。此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。

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