javascriptjquery在谷歌中获取图片高度（直接打开文件没问题，如果用localhost就获取不到了）

$(function(){

  var show = $('grid a imgholder');

  

  showeach(function(){

    var me = $(this), img = mefind('img');

    

    if(img[0]complete){

      mecss('height' , img[0]height);//已缓存，height值可以使用

    }else{

      imgon('load' , function(){

        //加载完成后，在设置

        mecss('height' , thisheight);

      });

    }

  });

})

设置了“display:none”的元素本来就是没有高度的。

在使用jQuery的height方法去获取元素的高度的时候，会对设置了“display:none”的隐藏元素进行一些处理，临时把元素的样式设置成：

display:block;

visibility:hidden;

position:absolute;

这样获取到元素的高度以后，再恢复成原来的属性。

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")

第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:

1 $("#div_id")height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

2 $("#div_id")outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

3 $("#div_id")outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

height()

-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window)height(); // returns height of browser viewport

$(document)height(); // returns height of HTML document

注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。

innerHeight()

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用height()代替。

outerHeight()

-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。

-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。

-这个方法不适用于window 和 document对象，可以使用height()代替。

以上就是关于javascript/jquery在谷歌中获取图片高度（直接打开文件没问题，如果用localhost就获取不到了）全部的内容，包括:javascript/jquery在谷歌中获取图片高度（直接打开文件没问题，如果用localhost就获取不到了）、关于jQuery获取隐藏元素的高度的问题、jQuery怎么简单去获取一个div的高度啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！