jquery得到图片高度方法，jquery实现图片显示

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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个方法都能拿到宽度。

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

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

相关问答

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

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

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

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

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

HTML的div标签主要是用来布局，div默认是没有任何属性的这也是常用它布局的原因。主要设置两个div，一个div在外一个div在内，并设置div的边框颜色。首先打开页面，具体如下图所示。F12打开审查元素，修改内层div的宽度，外层div随着边框。修改内层div高度，外层div高度随之改变。

Q2: jquery点小图弹出大图,怎样显示图片实际尺寸?

1、你的这个大图最好有一个 id，例如，没有也可以，但找起来比较麻烦。(#preview).width()；(#preview).height()；上面这个宽和高是你看到的图片的大小，不一定是图片本身的真实尺寸（有可能在 HTML 中你设置了 width 和 height）。

2、你说的是后面整个半透明的背景吧，这个无法控制，这部分是整个容器的背景，容器是绝对定位，如果修改了容器，那么图片就无法定位了，折中的办法就是取消容器背景色，给图片添加阴影，达到期望的效果。

3、JQuery：(.test_w img).click(function(){ alert($(this).width())；})为了测试我直接用click动作看能否取得图片宽度，测试可以得到正常的图片宽度。另外，图片要是程序从后台读取的话，建议把JQuery代码放到内容后面，取不到宽高大小可能是JQ运行了，但内容里没有图片产生的。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {width： 72px；height： 72px；background： url(smallpng) no-repeat；overflow： hidden；} 浏览器运行index.html页面，此时成功将矩形图片只显示了正方形部分。

5、弹出层和遮罩层全部为div标签，可以利用display来控制显示和隐藏的属性，在js中，显示： document.getElementById(divID).style.display = document.getElementById(divID).style.display = none。

6、HTML： JQuery：(.test_w img).click(function(){ alert($(this).width())；})为了测试我直接用click动作看能否取得图片宽度，测试可以得到正常的图片宽度。另外，图片要是程序从后台读取的话，建议把JQuery代码放到内容后面，取不到宽高大小可能是JQ运行了，但内容里没有图片产生的。

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

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

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

3、防水墙面以整个墙面持平。地面厚度按门的高度以门底边为标准。

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

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

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

Q4: jquery如何动态加载图片的尺寸?

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

2、当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。

4、(4)、点innerheight()获取包含内边距和无边框内容的区域的高度。(5)点选outerwidth()获取内部边距、内容区域和边框的宽度。(6)、点选outerheight()获取内边距、内容区域和边框的高度。jquery动态改变p宽度和高度？用jQuery的animate方法就可以！如改变p1的高度为500px。

Q5: jquery获取img宽高

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

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

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

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

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